博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery获取表单元素select option的值,对select option操作
阅读量:6474 次
发布时间:2019-06-23

本文共 1160 字,大约阅读时间需要 3 分钟。

hot3.png

jQuery获取Select元素,并选择的Text和Value:

1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#select_id").val();  //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值 5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值

jQuery获取Select元素,并设置的 Text和Value:

1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中 2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中 3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select元素的Option项:

1. $("#select_id").append("");  //为Select追加一个Option(下拉项) 2. $("#select_id").prepend("");  //为Select插入一个Option(第一个位置) 3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个) 4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个) 5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option 6. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option

转载自:

转载于:https://my.oschina.net/u/1179286/blog/636392

你可能感兴趣的文章
Zabbix 给主机添加模板
查看>>
深度使用react-native的热更新能力,必须知道的一个shell命令
查看>>
每天一个linux命令,包含最常用的几十个命令的详细使用,让您快速掌握Linux!...
查看>>
快捷键组合大全
查看>>
WBEMTest.exe----引深
查看>>
Django1.7分页插件linaro-django-pagination的使用
查看>>
MariaDB Galera Cluster实现mariadb的多主复制
查看>>
JEPLUS表格组件数据平铺——JEPLUS软件快速开发平台
查看>>
python中用try来处理程序异常的集中常用方法
查看>>
在redhat6上安装WPS
查看>>
《第七天》
查看>>
java调用cmd命令启动windows服务
查看>>
Eclipse汉化
查看>>
一个Tomcat支持不同的域名访问各自不同程序的配置方法
查看>>
java并发编程之Master-Worker模式
查看>>
SVN错误总结
查看>>
remove server header tomcat
查看>>
aix下oralce占cpu高
查看>>
Mysql问题集锦
查看>>
背完这444句,你的口语绝对不成问题
查看>>