JQuery給select添加/刪除節(jié)點的實現(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項:
jQuery("#select_id").append("<option value='Value'>Text</option>"); //為Select追加一個Option(下拉項)
jQuery("#select_id").prepend("<option value='0'>請選擇</option>"); //為Select插入一個Option(第一個位置)
jQuery("#select_id option:last").remove(); //刪除Select中索引值最大Option(最后一個)
jQuery("#select_id option[index='0']").remove(); //刪除Select中索引值為0的Option(第一個)
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é)點的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- jquery 添加節(jié)點的幾種方法介紹
- JQuery給元素添加/刪除節(jié)點比如select
- Jquery動態(tài)添加及刪除頁面節(jié)點元素示例代碼
- jquery 刪除節(jié)點 添加節(jié)點 找兄弟節(jié)點的簡單實現(xiàn)
- JQuery Ajax 異步操作之動態(tài)添加節(jié)點功能
- jQuery循環(huán)遍歷子節(jié)點并獲取值的方法
- JQuery遍歷DOM節(jié)點的方法
- JQuery中節(jié)點遍歷方法實例
- Jquery遍歷節(jié)點的方法小集
- Jquery節(jié)點遍歷next與nextAll方法使用示例
- jQuery實現(xiàn)動態(tài)添加節(jié)點與遍歷節(jié)點功能示例
相關(guān)文章
基于jquery的防止大圖片撐破頁面的實現(xiàn)代碼(立即縮放)
這篇文章將根據(jù)此寫一個應(yīng)用:讓圖片未加載完畢就實現(xiàn)按比例自適應(yīng),防止圖片撐破布局(尤其是外鏈圖片)2011-10-10用圖片替換checkbox原始樣式并實現(xiàn)同樣的功能
這篇文章主要介紹了用圖片替換checkbox原始樣式并實現(xiàn)同樣的功能 ,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友參考下吧2018-11-11Jquery中LigerUi的彈出編輯框(實現(xiàn)方法)
本篇文章是對Jquery中LigerUi的彈出編輯框的實現(xiàn)方法進行了分析介紹,需要的朋友可以參考下2013-07-07jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程
jQuery Mobile中的button默認提供了很多用于制作移動Web頁面按鈕的屬性,這里我們來整理一下jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程,需要的朋友可以參考下2016-05-05jquery isEmptyObject判斷是否為空對象的函數(shù)
jQuery 判斷一個對象是否為空是使用for name in obj 來遍歷對象中的屬性名.2011-02-02jQuery使用CSS()方法給指定元素同時設(shè)置多個樣式
這篇文章主要介紹了jQuery使用CSS()方法給指定元素同時設(shè)置多個樣式的方法,實例分析了jQuery中css方法的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03jQuery實現(xiàn)帶右側(cè)索引功能的通訊錄示例【附源碼下載】
這篇文章主要介紹了jQuery實現(xiàn)帶右側(cè)索引功能的通訊錄,結(jié)合實例形式分析了jQuery針對頁面元素動態(tài)遍歷、排序等相關(guān)操作技巧,并附源碼供讀者下載參考,需要的朋友可以參考下2018-04-04