JQuery中對Select的option項的添加、刪除、取值
更新時間：2013年08月25日 12:27:56 作者：
jQuery獲取Select選擇的Text和Value及添加/刪除Select的Option項，在本文將為大家詳細介紹下具體的實現(xiàn)，感興趣的朋友可以參考下
jQuery獲取Select選擇的Text和Value:
$("#select_id").change(function(){//code...}); //為Select添加事件，當(dā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項：
$("#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
內(nèi)容清空：
$("#charCity").empty();
復(fù)制代碼 代碼如下:
$("#select_id").change(function(){//code...}); //為Select添加事件，當(dā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項：
復(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
內(nèi)容清空：
復(fù)制代碼 代碼如下:
$("#charCity").empty();
相關(guān)文章
jquery表單驗證需要做些什么，大家知道嗎？其實很簡單只要做四件事情就可以順利完成表單驗證，想知道哪四件事情嗎，請仔細閱讀下文。2015-11-11
本文主要對jQuery選擇器進行一一舉例介紹，有助于學(xué)習(xí)、理解和記憶。具有很好的參考價值，下面就跟著小編一起來看下吧2016-12-12
利用JQuery操作iframe父頁面、子頁面的元素和方法匯總
這篇文章主要給大家介紹了關(guān)于利用JQuery操作iframe父頁面、子頁面的元素和方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
游戲力度條大家一定不陌生，在很多游戲中都能用到，本文介紹了jquery+Jscex打造游戲力度條，有需要的朋友可以了解一下。2016-10-10
jQuery實現(xiàn)只允許輸入數(shù)字和小數(shù)點的方法
這篇文章主要介紹了jQuery實現(xiàn)只允許輸入數(shù)字和小數(shù)點的方法,涉及jQuery針對鍵盤事件的響應(yīng)及字符串操作的相關(guān)技巧,需要的朋友可以參考下2016-03-03
來自國外的30個基于jquery的Web下拉菜單，需要的朋友可以參考學(xué)習(xí)下2012-06-06
這篇文章主要介紹了jQuery簡單驗證上傳文件大小及類型的方法,結(jié)合實例形式分析了jQuery針對上傳文件的類型與大小運算操作相關(guān)技巧,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了jquery siblings獲取同輩元素用法,結(jié)合實例形式分析了jQuery使用siblings遍歷同級元素的相關(guān)技巧,需要的朋友可以參考下2016-07-07
Jquery autocomplete是一個很強大的類似google suggest的自動提示插件。它幾乎可以滿足我們所有的需要。2010-04-04
下面小編就為大家?guī)硪黄獪\談jquery高級方法描述與應(yīng)用。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10