jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)

2024-05-06 14:19:26

字體：大中小

供稿：網(wǎng)友

jQuery獲取Select選擇的Text和Value：
選擇一項(xiàng)試試看
語(yǔ)法解釋：
代碼如下:
. $("#select_id").change(function(){//code...}); //為Select添加事件，當(dāng)選擇其中一項(xiàng)時(shí)觸發(fā)
. 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最大的索引值

jQuery設(shè)置Select選擇的Text和Value：
語(yǔ)法解釋：
代碼如下:
. $("#select_id ").get(0).selectedIndex=1; //設(shè)置Select索引值為1的項(xiàng)被選中
. $("#select_id ").val(4); //設(shè)置Select的Value值為4的項(xiàng)選中
. $("#select_id option[text='jQuery']").attr("selected", true); //設(shè)置Select的Text值為jQuery的項(xiàng)選中

jQuery添加/刪除Select的Option項(xiàng)：
點(diǎn)擊一次，Select將追加一個(gè)Option
點(diǎn)擊將在Select第一個(gè)位置插入一個(gè)Option
點(diǎn)擊將刪除Select中索引值最大Option(最后一個(gè))
語(yǔ)法解釋：
代碼如下:
. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個(gè)Option(下拉項(xiàng))
. $("#select_id").prepend("<option value='0'>請(qǐng)選擇</option>"); //為Select插入一個(gè)Option(第一個(gè)位置)
. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個(gè))
. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個(gè))
. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option

上一篇：JS中Iframe之間傳值及子頁(yè)面與父頁(yè)面應(yīng)用

下一篇：很好用的js日歷算法詳細(xì)代碼