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