JQuery获取和设置Select选项方法

最新推荐文章于 2022-09-30 15:18:10 发布

iteye_18745

最新推荐文章于 2022-09-30 15:18:10 发布

阅读量192

点赞数

分类专栏： JQuery 文章标签： jQuery Ajax ViewUI

本文链接：https://blog.csdn.net/iteye_18745/article/details/82065923

版权

JQuery 专栏收录该内容

1 篇文章

订阅专栏

JQuery获取和设置Select选项

获取Select ：

获取select 选中的 text:
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:

$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;

设置select:

设置select 选中的索引：
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value：
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:


var count=$("#ddlRegType ").size();
  for(var i=0;i<count;i++)  
     {           if($("#ddlRegType ").get(0).options.text == text)  
        {  
            $("#ddlRegType ").get(0).options.selected = true;  

            break;  
        }  
    }

清空 Select:
$("#ddlRegType ").empty();

获取显示的汉字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

获取数据库中的id

window.document.getElementById("bigclass").value

获取select组分配的索引id

window.document.getElementById("bigclass").selectedIndex

例子：


<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
  <option value="" selected="selected">ajax实验</option>
<option value="4">我适宜市哈</option>
</select>

使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的结果是：我适宜市哈

使用
window.document.getElementById("bigclass").value
的结果是：4

使用
window.document.getElementById("bigclass").selectedIndex
的结果是：1