JQuery給元素添加/刪除節(jié)點(diǎn)比如select
更新時(shí)間：2013年04月02日 15:43:37 作者：
本教程詳細(xì)介紹下jQuery添加/刪除Select的Option項(xiàng)，感興趣的各位可以參考下哈
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();
復(fù)制代碼 代碼如下:
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)：
復(fù)制代碼 代碼如下:
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)容清空：
復(fù)制代碼 代碼如下:
jQuery("#select_id").empty();
相關(guān)文章
簡(jiǎn)單實(shí)現(xiàn)兼容各大瀏覽器的js復(fù)制內(nèi)容到剪切板
相信這個(gè)功能大家平時(shí)上網(wǎng)經(jīng)常能碰到，去看了幾個(gè)常用的網(wǎng)站，都是用的透明flash遮擋“復(fù)制到剪貼板”按鈕，所以當(dāng)你點(diǎn)擊按鈕的時(shí)候，點(diǎn)擊的其實(shí)是flash，然后把你需要復(fù)制的內(nèi)容傳入到了flash，最后通過(guò)flash的復(fù)制功能把傳入的內(nèi)容復(fù)制到了剪貼板。2015-09-09
移動(dòng)節(jié)點(diǎn)的jquery代碼
節(jié)點(diǎn)的移動(dòng)在應(yīng)用中比較常見(jiàn)，如何動(dòng)態(tài)移動(dòng)某一節(jié)點(diǎn)來(lái)實(shí)現(xiàn)某一特殊效果，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助2014-01-01
jquery實(shí)現(xiàn)員工管理注冊(cè)頁(yè)面
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)員工管理注冊(cè)頁(yè)面，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
jQuery插件windowScroll實(shí)現(xiàn)單屏滾動(dòng)特效
本文給大家分享的是一個(gè)使用jQuery插件windowScroll實(shí)現(xiàn)的單屏滾動(dòng)的特效，主要參考搜狗瀏覽器4.2版本首頁(yè)的上下滾動(dòng)效果。主要實(shí)現(xiàn)整個(gè)窗口的上下和左右滾動(dòng)邏輯，非常的實(shí)用。2015-07-07
jquery實(shí)現(xiàn)焦點(diǎn)圖片隨機(jī)切換效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)焦點(diǎn)圖片隨機(jī)切換效果的方法,涉及jQuery插件jquery.easing.1.3.js的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了jQuery表單元素選擇器代碼實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery窗口拖動(dòng)功能的實(shí)現(xiàn)代碼
本文通過(guò)jquery代碼實(shí)現(xiàn)窗口拖動(dòng)功能以及jQuery 鼠標(biāo)拖拽移動(dòng)窗口的實(shí)現(xiàn)代碼，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2017-02-02
CSS偽元素不是DOM元素，因此你無(wú)法直接選擇到它們。下面與大家分享兩種不錯(cuò)的修改方法，需要的朋友可以參考下2014-07-07
jQuery實(shí)現(xiàn)自定義checkbox和radio樣式
這篇文章主要介紹了jQuery實(shí)現(xiàn)自定義checkbox和radio樣式的相關(guān)資料,需要的朋友可以參考下2015-07-07
動(dòng)畫(huà)效果對(duì)于豐富網(wǎng)站的交互體驗(yàn)起到了不可或缺的作用，他可以讓你的站點(diǎn)更酷，更吸引人2012-08-08