当前位置: 代码迷 >> Web前端 >> JQuery获取跟设置Select选项方法
  详细解决方案

JQuery获取跟设置Select选项方法

热度:69   发布时间:2012-09-07 10:38:15.0
JQuery获取和设置Select选项方法

JQuery获取和设置Select选项

一、获取Select :
????? 1、获取select 选中的 text :
? ? ? ? ?? $("#ddlRegType").find("option:selected").text();

????? 2、获取select选中的 value:
? ? ? ? ?? $("#ddlRegType ").val();
????? 3、获取select选中的索引:
?????????? $("#ddlRegType ").get(0).selectedIndex;
二、设置select:
????? 1、 设置select 选中的索引:
??????????? $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
????? 2、设置select 选中的value:
??????????? $("#ddlRegType ").attr("value","Normal“);
??????????? $("#ddlRegType ").val("Normal");
??????????? $("#ddlRegType ").get(0).value = value;
????? 3、设置select 选中的text:
?????????? var count=$("#ddlRegType option").length;
?????????? for(var i=0;i<count;i++)? {??????????

????????????? if($("#ddlRegType ").get(0).options[i].text == text)? {?
?????????? ? ?????? $("#ddlRegType ").get(0).options[i].selected = true;?
??????????????????? break;?
????????????? }?
????????? }
????? 4、清空 Select:

?????????? $("#ddlRegType ").empty();

  相关解决方案