快捷導(dǎo)航

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

更新時(shí)間：2013年03月06日 14:16:33 作者：

本文將詳細(xì)介紹下jQuery獲取/設(shè)置/添加/刪除Select選擇的Text和Value,感興趣的你可以參考下本文或許對(duì)你有所幫助

jQuery獲取Select選擇的Text和Value：
選擇一項(xiàng)試試看
語法解釋：

 
. $("#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：
語法解釋：

復(fù)制代碼代碼如下:

 
. $("#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è))
語法解釋：

復(fù)制代碼代碼如下:

 
. $("#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 

您可能感興趣的文章:

相關(guān)文章

圖片放大鏡jquery.jqzoom.js使用實(shí)例附放大鏡圖標(biāo)
這篇文章主要介紹了圖片放大鏡jquery.jqzoom.js的使用另附放大鏡圖標(biāo),需要的朋友可以參考下
2014-06-06
jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件(附源碼下載)
jquery.timelinr.js是一款效果非常炫酷的jQuery時(shí)間軸插件。下面腳本之家小編給大家介紹jQuery Timelinr實(shí)現(xiàn)垂直水平時(shí)間軸插件，需要的朋友參考下
2016-02-02
一個(gè)很簡(jiǎn)單的jquery+xml+ajax的無刷新樹結(jié)構(gòu)(無css，后臺(tái)是c#)
一個(gè)很簡(jiǎn)單的jquery+xml+ajax的無刷新樹結(jié)構(gòu)(無css，后臺(tái)是c#)
2010-06-06
jQuery Ajax 實(shí)例代碼 ($.ajax、$.post、$.get)
下面小編就為大家?guī)硪黄猨Query Ajax 實(shí)例代碼 ($.ajax、$.post、$.get)。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-04-04
jquery實(shí)現(xiàn)點(diǎn)擊彈出帶標(biāo)題欄的彈出層(從右上角飛入)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)點(diǎn)擊彈出帶標(biāo)題欄的彈出層(從右上角飛入)效果,涉及jQuery響應(yīng)鼠標(biāo)事件操作頁面元素動(dòng)畫效果的實(shí)現(xiàn)技巧,需要的朋友可以參考下
2015-09-09
jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例
這篇文章介紹了jQuery焦點(diǎn)圖切換特效插件封裝實(shí)例，有需要的朋友可以參考一下
2013-08-08
JQuery 初體驗(yàn)(建議學(xué)習(xí)jquery)
最近從朋友那兒聽說，寫JavaScript，JQuery是個(gè)不錯(cuò)的東東，市場(chǎng)份額達(dá)到70%之巨。所以去下載了一份體驗(yàn)了一下。
2009-04-04
jQuery手指滑動(dòng)輪播效果
本文給大家分享一段jquery代碼實(shí)現(xiàn)手指滑動(dòng)輪播效果，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下
2016-12-12
jQuery的幾種選擇器及實(shí)例詳解
這篇文章主要介紹了jQuery的幾種選擇器詳解,Query 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"（或選擇）HTML 元素, 它基于已經(jīng)存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器,需要的朋友可以參考下
2023-05-05
jQuery插件simplePagination的使用方法示例
這篇文章主要介紹了jQuery插件simplePagination的使用方法,結(jié)合實(shí)例形式分析了jQuery插件simplePagination實(shí)現(xiàn)表單分頁相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2020-04-04