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 相关文章推荐
经常用到的JavasScript事件的翻译
Apr 09 Javascript
基于jquery实现等比缩放图片
Dec 03 Javascript
浅谈Jquery核心函数
Jun 18 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
Mar 30 Javascript
设计模式中的facade外观模式在JavaScript开发中的运用
May 18 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
Dec 26 Javascript
微信小程序实现点击按钮后修改颜色
Dec 05 Javascript
Vue是怎么渲染template内的标签内容的
Jun 05 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 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用户指南-cookies部分
2006/10/09 PHP
10个实用的PHP代码片段
2011/09/02 PHP
如何使用php判断服务器是否是HTTPS连接
2013/07/05 PHP
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
PHP使用mysql_fetch_row查询获得数据行列表的方法
2015/03/18 PHP
php防止网站被攻击的应急代码
2015/10/21 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
JS面向对象编程浅析
2011/08/28 Javascript
javascript实现图片上传前台页面
2015/08/18 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
2016/05/04 Javascript
jquery-mobile表单的创建方法详解
2016/11/23 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
underscore之Collections_动力节点Java学院整理
2017/07/10 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
五步轻松实现zTree的使用
2017/11/01 Javascript
微信小程序实现tab切换效果
2017/11/21 Javascript
Angular2+如何去除url中的#号详解
2017/12/20 Javascript
详解微信小程序实现WebSocket心跳重连
2018/07/31 Javascript
js核心基础之闭包的应用实例分析
2019/05/11 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
layui: layer.open加载窗体时出现遮罩层的解决方法
2019/09/26 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
python抓取网页内容示例分享
2014/02/24 Python
使用Python对Excel进行读写操作
2017/03/30 Python
深入理解Django的自定义过滤器
2017/10/17 Python
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
kafka-python批量发送数据的实例
2018/12/27 Python
python 基于opencv实现图像增强
2020/12/23 Python
Python 内存管理机制全面分析
2021/01/16 Python
Bravofly德国:预订廉价航班和酒店
2019/09/22 全球购物
数据库方面面试题
2012/04/22 面试题
数学系毕业生的自我评价
2014/01/10 职场文书
工程质量承诺书
2014/03/27 职场文书
二年级学生期末评语
2014/12/26 职场文书
暑假打工感想
2015/08/07 职场文书
详解Redis实现限流的三种方式
2021/04/27 Redis