chitu11 发表于 2013-1-23 01:25:58

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.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.text
的结果是:我适宜市哈

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

使用
window.document.getElementById("bigclass").selectedIndex
的结果是:1
页: [1]
查看完整版本: JQuery获取和设置Select选项方法