jQuery增加、刪除及修改select option的方法
本文實(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)文章
jQuery實(shí)現(xiàn)的手風(fēng)琴側(cè)邊菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的手風(fēng)琴側(cè)邊菜單效果,涉及jQuery事件響應(yīng)及元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-03-03
基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解
本篇文章介紹了，基于jquery的has()方法以及與find()方法以及filter()方法的區(qū)別詳解需要的朋友參考下2013-04-04
jquery插件EasyUI中form表單提交實(shí)例分享
這篇文章主要介紹了jquery插件EasyUI中form表單提交實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
某些框架也使用 $ 符號(hào)作為簡(jiǎn)寫(xiě)（就像 jQuery），如果您在用的兩種不同的框架正在使用相同的簡(jiǎn)寫(xiě)符號(hào)，有可能導(dǎo)致腳本停止運(yùn)行，下面有個(gè)不錯(cuò)的解決方法2014-01-01
jquery按回車鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery按回車鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jquery.Jcrop結(jié)合JAVA后臺(tái)實(shí)現(xiàn)圖片裁剪上傳實(shí)例
這篇文章主要介紹了jquery.Jcrop結(jié)合JAVA后臺(tái)實(shí)現(xiàn)圖片裁剪上傳實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-11-11
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
1.2.0版本插件在1.0.0插件基礎(chǔ)上進(jìn)一步修改，版權(quán)信息僅保留致謝信息，刪除作者為了代碼整體提示美觀度，故將jQuery官方兩位數(shù)版本變更為三位數(shù)版本2011-07-07
jQuery實(shí)現(xiàn)表格的數(shù)據(jù)拖拽
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表格的數(shù)據(jù)拖拽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
jquery實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航，具有一定的實(shí)用價(jià)值和參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
jQuery Trim去除字符串首尾空字符的實(shí)現(xiàn)方法說(shuō)明
本篇文章主要是對(duì)jQuery Trim去除字符串首尾空字符的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02