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給指定的table動(dòng)態(tài)添加一行、刪除一行的方法
下面小編就為大家?guī)硪黄胘query給指定的table動(dòng)態(tài)添加一行、刪除一行的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
在傳統(tǒng)的Javascript里，當(dāng)我們對(duì)某個(gè)頁面元素進(jìn)行某種操作前，最好先判斷這個(gè)元素是否存在。原因是對(duì)一個(gè)不存在的元素進(jìn)行操作是不允許的。2009-08-08
基于jquery實(shí)現(xiàn)鼠標(biāo)左右拖動(dòng)滑塊滑動(dòng)附源碼下載
這篇文章主要介紹了基于jquery實(shí)現(xiàn)鼠標(biāo)左右拖動(dòng)滑塊滑動(dòng)附源碼下載 的相關(guān)資料,需要的朋友可以參考下2015-12-12
讓網(wǎng)頁跳轉(zhuǎn)到指定位置的jquery代碼非書簽
網(wǎng)頁跳轉(zhuǎn)到指定位置，實(shí)現(xiàn)的方法有很多，本文采用最為簡(jiǎn)單的一種，喜歡朋友可以學(xué)習(xí)下2013-09-09
jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果附源碼下載
這篇文章主要介紹了jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果的相關(guān)資料,需要的朋友可以參考下2016-04-04
這篇文章主要介紹了Jquery動(dòng)態(tài)添加輸入框的方法,實(shí)例分析了jQuery中append方法添加頁面元素的使用技巧,需要的朋友可以參考下2015-05-05
選中或取消radio在項(xiàng)目中也會(huì)經(jīng)常用到，下面是用jquery實(shí)現(xiàn)radio的選中或取消，感興趣的朋友可以參考下2013-09-09
這篇文章主要深入介紹了提高jQuery性能優(yōu)化的技巧，有需要的小伙可以來參考下2015-08-08
jQuery簡(jiǎn)單設(shè)置文本框回車事件的方法
這篇文章主要介紹了jQuery簡(jiǎn)單設(shè)置文本框回車事件的方法,涉及jQuery簡(jiǎn)單事件綁定與響應(yīng)操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08
jquery二級(jí)導(dǎo)航內(nèi)容均分的原理及實(shí)現(xiàn)
頭部導(dǎo)航二級(jí)導(dǎo)航有些內(nèi)容太長(zhǎng)，一列的話太過難看，就要分成兩列，要做到按塊盡量均分，排列順序沒有限制2013-08-08