JQuery給元素添加/刪除節(jié)點比如select
更新時間：2013年04月02日 15:43:37 作者：
本教程詳細介紹下jQuery添加/刪除Select的Option項，感興趣的各位可以參考下哈
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
內容清空：
jQuery("#select_id").empty();
復制代碼 代碼如下:
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
內容清空：
復制代碼 代碼如下:
jQuery("#select_id").empty();
相關文章
使用jquery的朋友對其中的on方法并不陌生吧，下面為大家介紹下此方法的具體使用，感興趣的朋友可以參考下2013-12-12
文本溢出插件jquery.dotdotdot.js使用方法詳解
這篇文章主要介紹了文本溢出插件jquery.dotdotdot.js使用方法詳解,需要的朋友可以參考下2017-06-06
這篇文章主要介紹了jQuery制作可自定義大小的拼圖游戲的代碼，非常的簡單實用，雖然還只是局限于數字順序的拼圖，后續(xù)慢慢完善上圖片，但還是分享給大家，有需要的小伙伴可以參考下。2015-03-03
基于jquery實現點擊鏈接彈出層效果，其基本實現原理是這樣的：jquery操作DOM元素。對層樣式的設置。將display:設置為none;讓層隱藏；對jq點擊彈出層相關知識感興趣的朋友一起學習吧2016-01-01
專門針對input[text password hidden]以及textarea的用戶輸入進行檢查2009-07-07
這里給大家分享的是一段使用EasyUI中實現form表單提交的方法的核心代碼，小伙伴們根據自己的需求補全form部分吧，希望大家能夠喜歡。2015-03-03
這篇文章主要介紹了jquery圖片傾斜層疊切換特效，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
下面小編就為大家?guī)硪黄狫query鼠標放上去顯示全名的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
jQuery動態(tài)設置form表單的enctype值(實現代碼)
本篇文章是對在jQuery中動態(tài)設置form表單的enctype值的實現代碼進行了詳細的分析介紹，需要的朋友參考下2013-07-07
jQuery選中select控件 無法設置selected的解決方法
select 控件的 option用jQuery動態(tài)添加，然后選中某項時，IE6不能執(zhí)行（火狐沒問題），用try{}catch(err){alert(err.description);}提示為“無法設置selected屬性 未指明的錯誤”2010-09-09