jQuery对Select的操作大集合(收藏)


Posted in Javascript onDecember 28, 2013

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

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

Javascript 相关文章推荐
JS 继承实例分析
Nov 04 Javascript
javascript学习笔记(八)正则表达式
Oct 08 Javascript
js实现简单的可切换选项卡效果
Apr 10 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
AngularJS手动表单验证
Feb 01 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
jQuery实现立体式数字动态增加(animate方法)
Dec 21 Javascript
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 Javascript
原生JS 购物车及购物页面的cookie使用方法
Aug 21 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
vue 中 beforeRouteEnter 死循环的问题
Apr 23 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 #Javascript
jquery改变tr背景色的示例代码
Dec 28 #Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 #Javascript
jquery弹出层类代码分享
Dec 27 #Javascript
可插入图片的TEXT文本框
Dec 27 #Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 #Javascript
JS字符串截取函数实例
Dec 27 #Javascript
You might like
PHP网站基础优化方法小结
2008/09/29 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
2014/10/29 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
javascript中直接引用Microsoft的COM生成Word
2014/01/20 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
jquery实现在网页指定区域显示自定义右键菜单效果
2015/08/25 Javascript
jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
2015/11/24 Javascript
js实现获取两个日期之间所有日期的方法
2016/06/17 Javascript
轻松理解Javascript变量的相关问题
2017/01/20 Javascript
Javascript中引用类型传递的知识点小结
2017/03/06 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
微信小程序五子棋游戏的棋盘,重置,对弈实现方法【附demo源码下载】
2019/02/20 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python实现的简单万年历例子分享
2014/04/25 Python
Python使用scrapy采集时伪装成HTTP/1.1的方法
2015/04/08 Python
Python中threading模块join函数用法实例分析
2015/06/04 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
Python的Flask框架中的Jinja2模板引擎学习教程
2016/06/30 Python
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
如何通过雪花算法用Python实现一个简单的发号器
2019/07/03 Python
python 使用pdfminer3k 读取PDF文档的例子
2019/08/27 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
荷兰睡眠专家:Beter Bed
2020/11/23 全球购物
Python中如何定义一个函数
2016/09/06 面试题
关于青春的演讲稿800字
2014/08/22 职场文书
机动车登记业务委托书
2014/10/08 职场文书
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏