JQuery获取和设置Select选项方法

首页 | 新闻 | 交流 | 问吧 | 文档 | 手册 | 下载 | 博客

JQuery获取和设置Select选项方法

作者:  时间: 2011-06-14

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 ").find("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;
        }
    }

select根据value默认选中

$("#SelectID option[value='selectValue']").attr("selected",true)

 

清空 Select:

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

 

      $("#veg1").find("option").clone().appendTo("#veg2");   添加另一个select option
      $("#veg2").get(0).selectedIndex=2; 设置选中项

来自: http://hi.baidu.com/liuwyong11/blog/item/353d091224a9b3095aaf53b8.html