jQuery操作下拉框的text值和val值
阿新 • • 發佈:2019-01-02
插入 索引 dex 技術 remove last lec .text for
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
jQuery操作下拉框的text值和val值