jQuery增加、刪除及修改select option的方法

更新時間：2016年08月19日 10:37:02 作者：微wx笑

這篇文章主要介紹了jQuery增加、刪除及修改select option的方法,涉及jQuery針對form表單中select選項的常見操作技巧,需要的朋友可以參考下

本文實例講述了jQuery增加、刪除及修改select option的方法。分享給大家供大家參考，具體如下：

jQuery獲取Select選擇的Text和Value:

//獲取Select選擇的Text
var checkText=jQuery("#select_id").find("option:selected").text();

//獲取Select選擇的option Value
var checkValue=jQuery("#select_id").val();

//獲取Select選擇的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;

//獲取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");

jQuery添加/刪除Select的Option項：

//為Select追加一個Option(下拉項)
jQuery("#select_id").append("<option value='Value'>Text</option>");

//為Select插入一個Option(第一個位置)
jQuery("#select_id").prepend("<option value='0'>請選擇</option>");

//刪除Select中索引值最大Option(最后一個)
jQuery("#select_id option:last").remove();

//刪除Select中索引值為0的Option(第一個)
jQuery("#select_id option[index='0']").remove();

//刪除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();

//刪除Select中Text='4'的Option
jQuery("#select_id option[text='4']").remove();

內(nèi)容清空：

jQuery("#select_id").empty();

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery form操作技巧匯總》、《jQuery切換特效與技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jqGrid jQuery 表格插件測試代碼
在逛博客中無意中看到這個插件，一下就吸引住了我，于是就自己在網(wǎng)上找了些資料實踐了一下
2011-08-08
EasyUI實現(xiàn)二級頁面的內(nèi)容勾選的方法
在使用EasyUI的時候，我們經(jīng)?；赜龅皆诙夗撁孢M行勾選的時候，這里給大家分享一個比較簡單實用的實現(xiàn)方法，希望大家能夠喜歡。
2015-03-03
jQuery 源碼分析筆記(5) jQuery.support
接下來是非常糾結(jié)的一個話題，也是所有JS庫必須實現(xiàn)的一個功能：瀏覽器兼容性和為開發(fā)者屏蔽這些差異。
2011-06-06
jQuery中$.grep() 過濾函數(shù) 數(shù)組過濾
這篇文章主要介紹了jQuery中$.grep() 過濾函數(shù) 數(shù)組過濾的相關(guān)資料,需非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2016-11-11
jquery獲取節(jié)點名稱
這篇文章主要介紹了jquery獲取節(jié)點名稱的相關(guān)資料,需要的朋友可以參考下
2015-04-04
jQuery插件擴展操作入門示例
這篇文章主要介紹了jQuery插件擴展操作,結(jié)合簡單實例形式分析了jQuery擴展方法的定義與使用技巧,非常簡單易懂,需要的朋友可以參考下
2017-01-01
ASP.NET jQuery 實例18 通過使用jQuery validation插件校驗DropDownList
這節(jié)我們還可以通過直接設(shè)置DropDownList屬性來設(shè)置jQuery validation插件的校驗規(guī)則和提示信息
2012-02-02
jQuery的圖片輪播插件PgwSlideshow使用詳解
這篇文章主要介紹了jQuery的圖片輪播插件PgwSlideshow使用詳解的相關(guān)資料,需要的朋友可以參考下
2016-08-08
toggle()隱藏問題的解決方法
一個實例中使用到toggle函數(shù)，但是調(diào)用的時候會把元素隱藏掉，經(jīng)搜索終于找到了原因，需要的朋友可以參考下
2014-02-02
jQuery如何取id有.的值一般的方法是取不到的
這篇文章主要介紹了jQuery如何取id有.的值一般的方法是取不到的,需要的朋友可以參考下
2014-04-04