jquery如何获取和设置select下拉框中值


jquery如何获取和设置select下拉框中值

获取Select:

  获取select选中的text值:

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

  获取select选中的value值:

    $("#id值").val();

  获取select选中的index(索引)值:

    $("#id值").get(0).selectedIndex;

设置select:

  设置select选中的索引:

    $("#id值").get(0).selectdeIndex=index;//index为索引值

   设置select选中的value:

    $("#id值").attr("value","Normal");

    $("#id值").val("Normal");

    $("#id值").get(0).value=value;

  设置select选中的text:

    var count=$("#id值 option").length;

      for(var i=0;i<count;i++)

        {if($("#id值").get(0).options[i].text==text)

          {

            $("#id值").get(0).options[i].selected=true;

            break;

           }

         }

       $("#select_id option[text='jQuery']").attr("selected",true);

  设置select option项:

    $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

    $("#select_id").prepend("<option value ='0'>请选择</option>");  //在前面插入一项option

    $("#select_id option:last").remove();               //删除索引值最大的Option

    $("#select_id option[index='0']").remove();           //删除索引值为0的Option

    $("#select_id option[value='3']").remove();           //删除值为3的Option

    $("#select_id option[text='4']").remove();            //删除TEXT值为4的Option

  清空Select:

    $("#id值").empty();

给select下来框赋值:

  例:

    

1 <select id="expmle">
2     <option value="">请选择</option>
3     <option value="1">T</option> 
4     <option value="2">L</option> 
5     <option value="3">L</option>    
6 </select>
7 
8 $("#poet").find("option:contains('李白')").attr("selected",true);  //使用 “option[text='李白']” 这种写法是错误的
9 $("#poet").find("option[value='1']").attr("selected",true);

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。