jQuery 对Select的操作备忘记录


Posted in Javascript onJuly 04, 2011

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("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为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

Javascript 相关文章推荐
js模拟类继承小例子
Jul 17 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
Mar 28 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
Jan 03 Javascript
JS Loading功能的简单实现
Nov 29 Javascript
分享一则javascript 调试技巧
Jan 02 Javascript
Angular-Touch库用法示例
Dec 22 Javascript
基于jQuery制作小图标上下滑动特效
Jan 18 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
Apr 13 Javascript
JS实现留言板功能
Jun 17 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
微信小程序云函数使用mysql数据库过程详解
Aug 07 Javascript
VUE 动态组件的应用案例分析
Dec 02 Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 #Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 #Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 #Javascript
js 字符串转化成数字的代码
Jun 29 #Javascript
js的一些常用方法小结
Jun 29 #Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 #Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 #Javascript
You might like
php中用加号与用array_merge合并数组的区别深入分析
2013/06/03 PHP
php获取操作系统语言代码
2013/11/04 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
JavaScipt基本教程之前言
2008/01/16 Javascript
Jquery之美中不足小结
2011/02/16 Javascript
为原生js Array增加each方法
2012/04/07 Javascript
javascript调试之DOM断点调试法使用技巧分享
2014/04/15 Javascript
JQuery节点元素属性操作方法
2015/06/11 Javascript
js自定义瀑布流布局插件
2017/05/16 Javascript
AngularJS中scope的绑定策略实例分析
2017/10/30 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
Layui带搜索的下拉框的使用以及动态数据绑定方法
2019/09/28 Javascript
JavaScript cookie原理及使用实例
2020/05/08 Javascript
python网页请求urllib2模块简单封装代码
2014/02/07 Python
Python字符串格式化
2015/06/15 Python
Python连接Redis的基本配置方法
2018/09/13 Python
python实现本地图片转存并重命名的示例代码
2018/10/27 Python
如何使用Python实现自动化水军评论
2019/06/26 Python
Django Admin中增加导出Excel功能过程解析
2019/09/04 Python
Python如何在DataFrame增加数值
2020/02/14 Python
使用卷积神经网络(CNN)做人脸识别的示例代码
2020/03/27 Python
解决python多线程报错:AttributeError: Can't pickle local object问题
2020/04/08 Python
3种适用于Python的疯狂秘密武器及原因解析
2020/04/29 Python
Python读写csv文件流程及异常解决
2020/10/20 Python
matplotlib实现数据实时刷新的示例代码
2021/01/05 Python
html5 Canvas画图教程(5)—canvas里画曲线之arc方法
2013/01/09 HTML / CSS
Hanky Panky官方网站:内衣和睡衣
2019/07/25 全球购物
北大自主招生自荐信
2013/10/19 职场文书
优秀护士获奖感言
2014/02/20 职场文书
目标责任书格式
2014/07/28 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
2016大学生优秀志愿者事迹材料
2016/02/25 职场文书
python实现进度条的多种实现
2021/04/29 Python