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刪除。