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

web前端|js教程

jQuery,下拉列表框

web前端-js教程

Option1

Option2

Option3

Option4

家电维修网站源码 php,vscode设置解释器未知,Ubuntu拨号失败,cmd检查tomcat启动,面膜爬虫ppt,php写入mysql乱码,seo必学5大技巧优化,在线教学网站源码,产品界面模板lzw

1. 取得jQuery对象

obj = $(‘#select1’);

货源APP源码,ubuntu的邮件比较,网络爬虫 金杜,php要,合山seo优化lzw

2. 取得Options 的长度

len = $(‘#select1 option’).length

thinkphp开发商城网站源码下载,vscode设置彩色终端,nas用Ubuntu,tomcat结束拒绝访问,portal 爬虫,php插入html代码,上城区seo优化公司,好看的手机小说网站模板下载 迅雷下载,java模板源码之家lzw

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

obj.append(‘Option5’);

7. 删除一个option

$(‘#select1 option[value=”1″]’).remove();