900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jQuery 操作下拉列表框实现代码

jQuery 操作下拉列表框实现代码

时间:2018-10-09 19:16:31

相关推荐

jQuery 操作下拉列表框实现代码

有了下面这个jQuery 操作下拉列表框实现代码教程,不懂jQuery 操作下拉列表框实现代码的也能装懂了,赶紧get起来装逼一下吧!

select name="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. 取得所选值对应的text

obj_text = obj[0].options[obj[0].selectedIndex].text;

6. 添加一个option

(option value="5"Option5/option);

7. 删除一个option

$(#select1 option[value="1"]).remove();

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。