jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
更新時間：2013年03月06日 14:16:33 作者：
本文將詳細介紹下jQuery獲取/設(shè)置/添加/刪除Select選擇的Text和Value,感興趣的你可以參考下本文或許對你有所幫助
jQuery獲取Select選擇的Text和Value：
選擇一項試試看
語法解釋：
. $("#select_id").change(function(){//code...}); //為Select添加事件，當選擇其中一項時觸發(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：
語法解釋：
. $("#select_id ").get(0).selectedIndex=1; //設(shè)置Select索引值為1的項被選中
. $("#select_id ").val(4); //設(shè)置Select的Value值為4的項選中
. $("#select_id option[text='jQuery']").attr("selected", true); //設(shè)置Select的Text值為jQuery的項選中
jQuery添加/刪除Select的Option項：
點擊一次，Select將追加一個Option
點擊將在Select第一個位置插入一個Option
點擊將刪除Select中索引值最大Option(最后一個)
語法解釋：
. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
. $("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個)
. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)
. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
選擇一項試試看
語法解釋：
復(fù)制代碼 代碼如下:
. $("#select_id").change(function(){//code...}); //為Select添加事件，當選擇其中一項時觸發(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的項被選中
. $("#select_id ").val(4); //設(shè)置Select的Value值為4的項選中
. $("#select_id option[text='jQuery']").attr("selected", true); //設(shè)置Select的Text值為jQuery的項選中
jQuery添加/刪除Select的Option項：
點擊一次，Select將追加一個Option
點擊將在Select第一個位置插入一個Option
點擊將刪除Select中索引值最大Option(最后一個)
語法解釋：
復(fù)制代碼 代碼如下:
. $("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
. $("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
. $("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個)
. $("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)
. $("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
. $("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
您可能感興趣的文章:
- jquery操作select詳解(取值,設(shè)置選中)
- jquery實現(xiàn)動態(tài)操作select選中
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select option 的代碼小結(jié)
- 利用jquery操作select下拉列表框的代碼
- jQuery操作Select的Option上下移動及移除添加等等
- jquery操作select大全
- jQuery操作select的實例代碼
- jquery操作select元素和option的實例代碼
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery操作select常見方法大全【7種情況】
相關(guān)文章
圖片放大鏡jquery.jqzoom.js使用實例附放大鏡圖標
這篇文章主要介紹了圖片放大鏡jquery.jqzoom.js的使用另附放大鏡圖標,需要的朋友可以參考下2014-06-06
jQuery Timelinr實現(xiàn)垂直水平時間軸插件(附源碼下載)
jquery.timelinr.js是一款效果非常炫酷的jQuery時間軸插件。下面腳本之家小編給大家介紹jQuery Timelinr實現(xiàn)垂直水平時間軸插件，需要的朋友參考下2016-02-02
一個很簡單的jquery+xml+ajax的無刷新樹結(jié)構(gòu)(無css，后臺是c#)
一個很簡單的jquery+xml+ajax的無刷新樹結(jié)構(gòu)(無css，后臺是c#)2010-06-06
jQuery Ajax 實例代碼 ($.ajax、$.post、$.get)
下面小編就為大家?guī)硪黄猨Query Ajax 實例代碼 ($.ajax、$.post、$.get)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考2016-04-04
jquery實現(xiàn)點擊彈出帶標題欄的彈出層(從右上角飛入)效果
這篇文章主要介紹了jquery實現(xiàn)點擊彈出帶標題欄的彈出層(從右上角飛入)效果,涉及jQuery響應(yīng)鼠標事件操作頁面元素動畫效果的實現(xiàn)技巧,需要的朋友可以參考下2015-09-09
這篇文章介紹了jQuery焦點圖切換特效插件封裝實例，有需要的朋友可以參考一下2013-08-08
JQuery 初體驗(建議學(xué)習(xí)jquery)
最近從朋友那兒聽說，寫JavaScript，JQuery是個不錯的東東，市場份額達到70%之巨。所以去下載了一份體驗了一下。2009-04-04
本文給大家分享一段jquery代碼實現(xiàn)手指滑動輪播效果，代碼簡單易懂，非常不錯，需要的朋友參考下2016-12-12
這篇文章主要介紹了jQuery的幾種選擇器詳解,Query 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"（或選擇）HTML 元素, 它基于已經(jīng)存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器,需要的朋友可以參考下2023-05-05
jQuery插件simplePagination的使用方法示例
這篇文章主要介紹了jQuery插件simplePagination的使用方法,結(jié)合實例形式分析了jQuery插件simplePagination實現(xiàn)表單分頁相關(guān)操作技巧與注意事項,需要的朋友可以參考下2020-04-04