JQuery获取和设置Select选项

获取Select :

 获取select 选中的 text:

   $("#ddlRegType").find("option:selected").text();

  $("#type_1 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;

注意:如果在IE6中设置select控件的selected属性的时候,会提示“无法设置selected属性。未指明的错误。”比如执行如下代码:

  setTimeout(function() {
$("#selCourse option").attr("selected",true);
}, 1);

  setTimeout(function() {
$("#ddlRegType ").val("Normal");
}, 1);

  设置select 选中的text:

var count=$("#ddlRegType ").size();

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

   IE6bug解决: setTimeout(function() { 
       $("#ddlRegType ").get(0).options[i].selected = true;  
    }, 1);

            $("#ddlRegType ").get(0).options[i].selected = true;  
            break;  
        }  
    } 

清空 Select:

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

posted @ 2009-11-20 16:24  UI小子  阅读(115)  评论(0)    收藏  举报