jQuery操作下拉框的text值和val值


 

jQuery操作下拉框的text值和val值

1,JS源碼

<select name="select1" id="select1" style="width:300px;">
  <option value="">-- 請選擇 --</option>   
    <c:forEach items="${bi_role_list}" var="bi_role"  varStatus="id" >
    <option value="${bi_role.bi_roleid}">${bi_role.bi_rolename}</option>                      
  </c:forEach>
</select>     

2,jQuery操作

(1)獲取當前選中select的text值

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


(2)獲取當前選中select的value值

$("#select1").val(); 


(3)獲取當前選中select的索引值

$("#select1").get(0).selectedIndex; 


(4)設置索引值為1的項為當前選中項

$("#select1").get(0).selectedIndex=1; 


(5)設置value值1的項為當前選中項

$("#select1").val(1);


(6)設置text值為"2017"的項為當前選中項

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


(7)為指定select下拉框追加一個option(追加到在末尾)

$("#select1").append(""+i+""); 


(8)為制定select下拉框插入一個option(插入到第一個位置)

$("#select1").prepend("請選擇"); 


(9)刪除select下拉框的最后一個option

$("#select1 option:last").remove();

 

(10)清空select控件內容

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

 

(11)添加/刪除Select的Option項

復制代碼
$("#select1").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
 
$("#select1").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
 
$("#select1 option:last").remove(); //刪除Select中索引值最大Option(最后一個)
 
$("#select1 option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)

$("#select1 option[value='3']").remove(); //刪除Select中Value='3'的Option
 
$("#select1 option[text='4']").remove(); //刪除Select中Text='4'的Option


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM