`

JQuery获取和设置Select选项方法

阅读更多
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



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics