JQuery中對Select的option項(xiàng)的添加、刪除、取值
更新時間：2013年08月25日 12:27:56 作者：
jQuery獲取Select選擇的Text和Value及添加/刪除Select的Option項(xiàng)，在本文將為大家詳細(xì)介紹下具體的實(shí)現(xiàn)，感興趣的朋友可以參考下
jQuery獲取Select選擇的Text和Value:
$("#select_id").change(function(){//code...}); //為Select添加事件，當(dāng)選擇其中一項(xiàng)時觸發(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添加/刪除Select的Option項(xiàng)：
$("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項(xiàng))
$("#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
內(nèi)容清空：
$("#charCity").empty();
復(fù)制代碼 代碼如下:
$("#select_id").change(function(){//code...}); //為Select添加事件，當(dāng)選擇其中一項(xiàng)時觸發(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添加/刪除Select的Option項(xiàng)：
復(fù)制代碼 代碼如下:
$("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項(xiàng))
$("#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
內(nèi)容清空：
復(fù)制代碼 代碼如下:
$("#charCity").empty();
相關(guān)文章
jQuery+Ajax+PHP彈出層異步登錄效果(附源碼下載)
本文我們給大家介紹如何使用jQuery+Ajax+PHP彈出層異步登錄的應(yīng)用。感興趣的朋友通過本文學(xué)習(xí)吧2016-05-05
jQuery簡單實(shí)現(xiàn)input文本框內(nèi)灰色提示文本效果的方法
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)input文本框內(nèi)灰色提示文本效果的方法,涉及jQuery針對頁面元素的遍歷與樣式動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
在閱讀本文之前，相信大家對 jQuery 的總體架構(gòu)已經(jīng)了解了，這一篇文章主要來介紹 jQuery 的入口函數(shù) jQuery.fn.init。有需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
jquery 驗(yàn)證用戶名是否重復(fù)代碼實(shí)例
這篇文章主要介紹了jquery驗(yàn)證用戶名是否重復(fù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
本文為大家介紹下在每個匹配元素的外部插入新元素的方法，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
jQuery實(shí)現(xiàn)select下拉框獲取當(dāng)前選中文本、值、索引
本篇文章主要介紹了jQuery實(shí)現(xiàn)select下拉框獲取當(dāng)前選中文本、值、索引以及添加/刪除Select的Option項(xiàng)的相關(guān)知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05
這篇文章主要介紹了showModelDialog彈出文件下載窗口的使用示例，方法很簡單，大家可以直接參考下面的代碼使用2013-11-11
jQuery實(shí)現(xiàn) 注冊時選擇閱讀條款 左右移動
本篇文章，小編將為大家介紹jQuery實(shí)現(xiàn) 注冊時選擇閱讀條款 左右移動，有需要的朋友可以參考一下2013-04-04
jquery scroll()區(qū)分橫向縱向滾動條的方法
這篇文章主要介紹了使用jquery scroll()方法區(qū)分瀏覽器橫向和縱向滾動條的方法,需要的朋友可以參考下2014-04-04
jquery實(shí)現(xiàn)鼠標(biāo)懸浮彈出氣泡提示框
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)鼠標(biāo)懸浮彈出氣泡提示框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12