JQuery給select添加/刪除節(jié)點(diǎn)的實(shí)現(xiàn)代碼

更新時(shí)間：2016年04月26日 14:54:24 投稿：jingxian

下面小編就為大家?guī)硪黄狫Query給select添加/刪除節(jié)點(diǎn)的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考

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)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(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
通過pjax實(shí)現(xiàn)無刷新翻頁(兼容新版jquery)
這篇文章主要介紹了通過pjax實(shí)現(xiàn)無刷新翻頁，兼容新版jquery，使用心得方法,需要的朋友可以參考下
2014-01-01
最新28個(gè)很棒的jQuery 教程
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，使用簡單靈活，同時(shí)還有許多成熟的插件可供選擇。今天的這篇文章收集了最新28個(gè)非常有用的 jQuery 教程分享給大家。
2011-05-05
Raphael一個(gè)用于在網(wǎng)頁中繪制矢量圖形的Javascript庫
Raphael是一個(gè)用于在網(wǎng)頁中繪制矢量圖形的Javascript庫,它使用 SVG W3C 推薦標(biāo)準(zhǔn)和 VML 作為創(chuàng)建圖形的基礎(chǔ)，你可以通過 JavaScript 操作 DOM 來輕松創(chuàng)建出各種復(fù)雜的柱狀圖、餅圖、曲線圖等各種圖表,接下來詳細(xì)介紹，感興趣的朋友可以了解下哦
2013-01-01
jQuery中innerHeight()方法用法實(shí)例
這篇文章主要介紹了jQuery中innerHeight()方法用法,實(shí)例分析了innerHeight()方法的功能、定義及獲取第一個(gè)匹配元素內(nèi)部區(qū)域高度的使用技巧,需要的朋友可以參考下
2015-01-01
juery框架寫的彈窗效果適合新手
彈窗效果想必大家都有見到過吧，在本文將為大家介紹下使用juery框架來寫個(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
jQuery向父輩遍歷的簡單方法
下面小編就為大家?guī)硪黄猨Query向父輩遍歷的簡單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
jQuery實(shí)現(xiàn)div橫向拖拽排序的簡單實(shí)例
下面小編就為大家?guī)硪黄猨Query實(shí)現(xiàn)div橫向拖拽排序的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-07-07