jQuery 操作下拉列表框?qū)崿F(xiàn)代碼
更新時(shí)間：2010年02月22日 10:45:14 作者：
操作下拉列表框的jquery代碼，方便學(xué)習(xí)jquery的朋友。
<select name="select1" id="select1" size="10">
<option value="1">Option1</option>
<option valeu="2">Option2</option>
<option value="3">Option3</option>
<option value="4">Option4</option>
</select>
1. 取得jQuery對(duì)象
obj = $('#select1');
2. 取得Options 的長(zhǎng)度
len = $('#select1 option').length
3. 遍歷option
for (var i = 0; i < len; i++) {
option_value = obj[0].options[i].value;
option_text = obj[0].options[i].text;
}
4. 取得所選值
obj_value = $('#select1').val();
5. 取得所選值對(duì)應(yīng)的text
obj_text = obj[0].options[obj[0].selectedIndex].text;
6. 添加一個(gè)option
obj.append('<option value="5">Option5</option>');
7. 刪除一個(gè)option
$('#select1 option[value="1"]').remove();
<option value="1">Option1</option>
<option valeu="2">Option2</option>
<option value="3">Option3</option>
<option value="4">Option4</option>
</select>
1. 取得jQuery對(duì)象
obj = $('#select1');
2. 取得Options 的長(zhǎng)度
len = $('#select1 option').length
3. 遍歷option
for (var i = 0; i < len; i++) {
option_value = obj[0].options[i].value;
option_text = obj[0].options[i].text;
}
4. 取得所選值
obj_value = $('#select1').val();
5. 取得所選值對(duì)應(yīng)的text
obj_text = obj[0].options[obj[0].selectedIndex].text;
6. 添加一個(gè)option
obj.append('<option value="5">Option5</option>');
7. 刪除一個(gè)option
$('#select1 option[value="1"]').remove();
您可能感興趣的文章:
- 利用jquery操作select下拉列表框的代碼
- 基于jquery的可多選的下拉列表框
- jQuery+CSS3折疊卡片式下拉列表框?qū)崿F(xiàn)效果
- PHP+Mysql+jQuery查詢和列表框選擇操作實(shí)例講解
- JS,Jquery獲取select,dropdownlist,checkbox下拉列表框的值(示例代碼)
- jQuery實(shí)現(xiàn)可移動(dòng)選項(xiàng)的左右下拉列表示例
- jquery實(shí)現(xiàn)列表上下移動(dòng)功能
- jquery移動(dòng)點(diǎn)擊的項(xiàng)目到列表最頂端的方法
- jQuery實(shí)現(xiàn)左右兩個(gè)列表框的內(nèi)容相互移動(dòng)功能示例
相關(guān)文章
本文主要介紹了jquery實(shí)現(xiàn)多次上傳同一張圖片的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能
這篇文章主要介紹了jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-09-09
由于ASP.NET網(wǎng)頁(yè)運(yùn)行后，服務(wù)器控件會(huì)隨機(jī)生成客戶端id，jquery獲取時(shí)候不太好操作，google了下，總結(jié)有以下3種方法.2010-05-05
jQuery使用slideUp方法實(shí)現(xiàn)控制元素緩慢收起
這篇文章主要介紹了jQuery使用slideUp方法實(shí)現(xiàn)控制元素緩慢收起的功能,實(shí)例分析了jQuery中slideUp方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery插件echarts實(shí)現(xiàn)的單折線圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的單折線圖效果,結(jié)合完整實(shí)例形式分析了echarts插件繪制簡(jiǎn)單折線圖的操作步驟與相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
Jquery中的CheckBox、RadioButton、DropDownList的取值賦值實(shí)現(xiàn)代碼
隨著Jquery的作用越來(lái)越大，使用的朋友也越來(lái)越多。在Web中，由于CheckBox、 Radiobutton 、 DropDownList等控件使用的頻率比較高，就關(guān)系到這些控件在Jquery中的操作問題2011-10-10
jQuery調(diào)用ajax請(qǐng)求的常見方法匯總
這篇文章主要介紹了jQuery調(diào)用ajax請(qǐng)求的常見方法,實(shí)例匯總了三種常見的jQuery調(diào)用Ajax的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
基于JQuery實(shí)現(xiàn)滾動(dòng)到頁(yè)面底端時(shí)自動(dòng)加載更多信息
這篇文章主要介紹了基于JQuery實(shí)現(xiàn)滾動(dòng)到頁(yè)面底端時(shí)自動(dòng)加載更多信息，類似微博，新浪新聞的評(píng)論等，都采用了這方法,需要的朋友可以參考下2014-01-01
EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼
今天做項(xiàng)目的時(shí)候，想在easyui的datagrid每一列數(shù)據(jù)后邊都加上一個(gè)操作按鈕，怎么實(shí)現(xiàn)此功能呢？下面小編給大家?guī)?lái)了EasyUI的DataGrid每行數(shù)據(jù)添加操作按鈕的實(shí)現(xiàn)代碼，需要的朋友參考下吧2017-08-08
jQuery中對(duì)節(jié)點(diǎn)進(jìn)行操作的相關(guān)介紹
本篇文章小編將為大家介紹，在jQuery中對(duì)節(jié)點(diǎn)進(jìn)行操作的解決辦法，有需要的朋友可以參考一下2013-04-04