JQuery針對select下拉框的各項操作

jquery針對select下拉框的各項操作

$("#select_id").change(function()); //為select新增事件，當選擇其中一項時觸發

var checktext=$("#select_id").find(「option:selected」).text(); //獲取select選擇的text

var checkvalue=$("#select_id").val(); //獲取select選擇的value

var checkindex=$("#select_id ").get(0).selectedindex; //獲取select選擇的索引值

var maxindex=$("#select_id option:last").attr(「index」); //獲取select最大的索引值

新增/刪除select的option項：

$("#select_id").prepend(「請選擇」); //為select插入乙個option(第乙個位置)

$("#select_id option:last").remove(); //刪除select中索引值最大option(最後乙個)

$("#select_id option[index=『0』]").remove(); //刪除select中索引值為0的option(第乙個)

$("#select_id option[value=『flag』]").remove(); //刪除select中value屬性值是flag的option

– 省市級聯用了第五種方法 保留下拉框種第一條提示option

城市:<
/label>
"city"
>
"flag"
>
--請選擇--
<
/option>
...<
/select>
<
/li>
//刪除select中value屬性值不是是flag的option 用以保留第乙個下拉框$(
"#select_id option[value != 'flag']").
remove()
;

內容清空：

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

jQuery 重新整理select

應用場景 一般情況下，給select所加的事件為change事件，但是當選中乙個之後，被選中的那個option一直處於選中狀態，如果你想再次選中這個選項，那麼你就要首先去切換其他的選項，然後再選這個選項，試想如果選中之後，select回到了預設狀態，再去選任何乙個選項豈不是只需一步即可 如下 選擇列...

使用jquery操作select

jquery獲取select選擇的text和value 語法解釋 1.select id change function 為select新增事件，當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的tex...

jquery操作select大全

jquery獲取select選擇的text和value 1.select id change function 為select新增事件，當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的text 3.v...