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 相关文章推荐
JavaScript定义类或函数的几种方式小结
Jan 09 Javascript
JavaScript对象学习经验整理
Oct 12 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
bootstrap网页框架的使用方法
May 10 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
JavaScript每天必学之事件
Sep 18 Javascript
react性能优化达到最大化的方法 immutable.js使用的必要性
Mar 09 Javascript
vue.js异步上传文件前后端实现代码
Aug 22 Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
Postman参数化实现过程及原理解析
Aug 13 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 数据库字段复用的基本原理与示例
2011/07/22 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
php的RSA加密解密算法原理与用法分析
2020/01/23 PHP
教您去掉ie网页加载进度条的方法
2010/12/09 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
AngularJS表单验证功能
2017/10/19 Javascript
vue 设置路由的登录权限的方法
2018/07/03 Javascript
vuedraggable+element ui实现页面控件拖拽排序效果
2020/07/29 Javascript
Vue开发之封装上传文件组件与用法示例
2019/04/25 Javascript
深入理解redux之compose的具体应用
2020/01/12 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
python翻译软件实现代码(使用google api完成)
2013/11/26 Python
python截取两个单词之间的内容方法
2018/12/25 Python
Python实现KNN(K-近邻)算法的示例代码
2019/03/05 Python
python print出共轭复数的方法详解
2019/06/25 Python
python SQLAlchemy的Mapping与Declarative详解
2019/07/04 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
pytorch torch.nn.AdaptiveAvgPool2d()自适应平均池化函数详解
2020/01/03 Python
pytorch 实现模型不同层设置不同的学习率方式
2020/01/06 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
基于Python获取docx/doc文件内容代码解析
2020/02/17 Python
活动总结怎么写
2014/04/28 职场文书
文明礼仪标语
2014/06/13 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
最美孝心少年事迹材料
2014/08/15 职场文书
初中学习计划书范文
2014/09/15 职场文书
公民授权委托书
2014/10/15 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
初三化学教学反思
2016/02/22 职场文书
编写python程序的90条建议
2021/04/14 Python
Python爬虫基础之简单说一下scrapy的框架结构
2021/06/26 Python
恶魔之树最顶端的三颗果实 震震果实上榜,第一可以制造岩浆
2022/03/18 日漫
css3 选择器
2022/05/11 HTML / CSS