jQuery增加、刪除及修改select option的方法
更新時(shí)間：2016年08月19日 10:37:02 作者：微wx笑
這篇文章主要介紹了jQuery增加、刪除及修改select option的方法,涉及jQuery針對(duì)form表單中select選項(xiàng)的常見(jiàn)操作技巧,需要的朋友可以參考下
本文實(shí)例講述了jQuery增加、刪除及修改select option的方法。分享給大家供大家參考，具體如下：
jQuery獲取Select選擇的Text和Value:
1.
//獲取Select選擇的Text
var checkText=jQuery("#select_id").find("option:selected").text();
2.
//獲取Select選擇的option Value
var checkValue=jQuery("#select_id").val();
3.
//獲取Select選擇的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;
4.
//獲取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");
jQuery添加/刪除Select的Option項(xiàng)：
1.
//為Select追加一個(gè)Option(下拉項(xiàng))
jQuery("#select_id").append("<option value='Value'>Text</option>");
2.
//為Select插入一個(gè)Option(第一個(gè)位置)
jQuery("#select_id").prepend("<option value='0'>請(qǐng)選擇</option>");
3.
//刪除Select中索引值最大Option(最后一個(gè))
jQuery("#select_id option:last").remove();
4.
//刪除Select中索引值為0的Option(第一個(gè))
jQuery("#select_id option[index='0']").remove();
5.
//刪除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();
6.
//刪除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擴(kuò)展技巧總結(jié)》、《jQuery常見(jiàn)經(jīng)典特效匯總》、《jQuery動(dòng)畫(huà)與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery根據(jù)元素值刪除數(shù)組元素的方法
- jquery操作對(duì)象數(shù)組元素方法詳解
- jQuery教程 $()包裝函數(shù)來(lái)實(shí)現(xiàn)數(shù)組元素分頁(yè)效果
- jquery 動(dòng)態(tài)增加刪除行的簡(jiǎn)單實(shí)例(推薦)
- jquery刪除table當(dāng)前行的實(shí)例代碼
- jQuery刪除節(jié)點(diǎn)用法示例(remove方法)
- jq實(shí)現(xiàn)左滑顯示刪除按鈕,點(diǎn)擊刪除實(shí)現(xiàn)刪除數(shù)據(jù)功能(推薦)
- jQuery 獲取頁(yè)面li數(shù)組并刪除不在數(shù)組中的key
- 基于jQuery實(shí)現(xiàn)表格的查看修改刪除
- jQuery實(shí)現(xiàn)表格行和列的動(dòng)態(tài)添加與刪除方法【測(cè)試可用】
- jquery刪除數(shù)組中重復(fù)元素
相關(guān)文章
在逛博客中無(wú)意中看到這個(gè)插件，一下就吸引住了我，于是就自己在網(wǎng)上找了些資料實(shí)踐了一下2011-08-08
EasyUI實(shí)現(xiàn)二級(jí)頁(yè)面的內(nèi)容勾選的方法
在使用EasyUI的時(shí)候，我們經(jīng)?；赜龅皆诙?jí)頁(yè)面進(jìn)行勾選的時(shí)候，這里給大家分享一個(gè)比較簡(jiǎn)單實(shí)用的實(shí)現(xiàn)方法，希望大家能夠喜歡。2015-03-03
jQuery 源碼分析筆記(5) jQuery.support
接下來(lái)是非常糾結(jié)的一個(gè)話題，也是所有JS庫(kù)必須實(shí)現(xiàn)的一個(gè)功能：瀏覽器兼容性和為開(kāi)發(fā)者屏蔽這些差異。2011-06-06
jQuery中$.grep() 過(guò)濾函數(shù) 數(shù)組過(guò)濾
這篇文章主要介紹了jQuery中$.grep() 過(guò)濾函數(shù) 數(shù)組過(guò)濾的相關(guān)資料,需非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了jquery獲取節(jié)點(diǎn)名稱的相關(guān)資料,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了jQuery插件擴(kuò)展操作,結(jié)合簡(jiǎn)單實(shí)例形式分析了jQuery擴(kuò)展方法的定義與使用技巧,非常簡(jiǎn)單易懂,需要的朋友可以參考下2017-01-01
ASP.NET jQuery 實(shí)例18 通過(guò)使用jQuery validation插件校驗(yàn)DropDownList
這節(jié)我們還可以通過(guò)直接設(shè)置DropDownList屬性來(lái)設(shè)置jQuery validation插件的校驗(yàn)規(guī)則和提示信息2012-02-02
這篇文章主要介紹了jQuery的圖片輪播插件PgwSlideshow使用詳解的相關(guān)資料,需要的朋友可以參考下2016-08-08
一個(gè)實(shí)例中使用到toggle函數(shù)，但是調(diào)用的時(shí)候會(huì)把元素隱藏掉，經(jīng)搜索終于找到了原因，需要的朋友可以參考下2014-02-02
這篇文章主要介紹了jQuery如何取id有.的值一般的方法是取不到的,需要的朋友可以參考下2014-04-04