JQuery給select添加/刪除節(jié)點(diǎn)的實(shí)現(xiàn)代碼
jQuery獲取Select選擇的Text和Value：
var checkText=jQuery("#select_id").find("option:selected").text(); //獲取Select選擇的Text
var checkValue=jQuery("#select_id").val(); //獲取Select選擇的option Value
var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //獲取Select選擇的索引值
var maxIndex=jQuery("#select_id option:last").attr("index"); //獲取Select最大的索引值
jQuery添加/刪除Select的Option項(xiàng)：
jQuery("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個(gè)Option(下拉項(xiàng))
jQuery("#select_id").prepend("<option value='0'>請(qǐng)選擇</option>"); //為Select插入一個(gè)Option(第一個(gè)位置)
jQuery("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個(gè))
jQuery("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個(gè))
jQuery("#select_id option[value='3']").remove(); //刪除Select中Value='3'的Option
jQuery("#select_id option[text='4']").remove(); //刪除Select中Text='4'的Option
內(nèi)容清空：
jQuery("#select_id").empty();
以上這篇JQuery給select添加/刪除節(jié)點(diǎn)的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- jquery 添加節(jié)點(diǎn)的幾種方法介紹
- JQuery給元素添加/刪除節(jié)點(diǎn)比如select
- Jquery動(dòng)態(tài)添加及刪除頁(yè)面節(jié)點(diǎn)元素示例代碼
- jquery 刪除節(jié)點(diǎn) 添加節(jié)點(diǎn) 找兄弟節(jié)點(diǎn)的簡(jiǎn)單實(shí)現(xiàn)
- JQuery Ajax 異步操作之動(dòng)態(tài)添加節(jié)點(diǎn)功能
- jQuery循環(huán)遍歷子節(jié)點(diǎn)并獲取值的方法
- JQuery遍歷DOM節(jié)點(diǎn)的方法
- JQuery中節(jié)點(diǎn)遍歷方法實(shí)例
- Jquery遍歷節(jié)點(diǎn)的方法小集
- Jquery節(jié)點(diǎn)遍歷next與nextAll方法使用示例
- jQuery實(shí)現(xiàn)動(dòng)態(tài)添加節(jié)點(diǎn)與遍歷節(jié)點(diǎn)功能示例
相關(guān)文章
jQuery實(shí)現(xiàn)導(dǎo)航樣式布局操作示例【可自定義樣式布局】
這篇文章主要介紹了jQuery實(shí)現(xiàn)導(dǎo)航樣式布局操作,可實(shí)現(xiàn)基于jQuery的用戶自定義樣式布局與屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2018-07-07
解決攔截器對(duì)ajax請(qǐng)求的攔截實(shí)例詳解
這篇文章主要介紹了解決攔截器對(duì)ajax請(qǐng)求的攔截實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-12-12
通過(guò)pjax實(shí)現(xiàn)無(wú)刷新翻頁(yè)(兼容新版jquery)
這篇文章主要介紹了通過(guò)pjax實(shí)現(xiàn)無(wú)刷新翻頁(yè)，兼容新版jquery，使用心得方法,需要的朋友可以參考下2014-01-01
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇。今天的這篇文章收集了最新28個(gè)非常有用的 jQuery 教程分享給大家。2011-05-05
Raphael一個(gè)用于在網(wǎng)頁(yè)中繪制矢量圖形的Javascript庫(kù)
Raphael是一個(gè)用于在網(wǎng)頁(yè)中繪制矢量圖形的Javascript庫(kù),它使用 SVG W3C 推薦標(biāo)準(zhǔn)和 VML 作為創(chuàng)建圖形的基礎(chǔ)，你可以通過(guò) JavaScript 操作 DOM 來(lái)輕松創(chuàng)建出各種復(fù)雜的柱狀圖、餅圖、曲線圖等各種圖表,接下來(lái)詳細(xì)介紹，感興趣的朋友可以了解下哦2013-01-01
jQuery中innerHeight()方法用法實(shí)例
這篇文章主要介紹了jQuery中innerHeight()方法用法,實(shí)例分析了innerHeight()方法的功能、定義及獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度的使用技巧,需要的朋友可以參考下2015-01-01
彈窗效果想必大家都有見(jiàn)到過(guò)吧，在本文將為大家介紹下使用juery框架來(lái)寫(xiě)個(gè)適合新手學(xué)習(xí)的彈窗效果2013-11-11
jquery css實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全
這篇文章主要為大家詳細(xì)介紹了jquery css實(shí)現(xiàn)郵箱自動(dòng)補(bǔ)全功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
下面小編就為大家?guī)?lái)一篇jQuery向父輩遍歷的簡(jiǎn)單方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
jQuery實(shí)現(xiàn)div橫向拖拽排序的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jQuery實(shí)現(xiàn)div橫向拖拽排序的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07