jQuery操作Select选择的Text和Value(获取/设置/添加/删除)


Posted in Javascript onMarch 06, 2013

jQuery获取Select选择的Text和Value:
选择一项试试看
语法解释:

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

jQuery设置Select选择的Text和Value:
语法解释:
. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项被选中 
. $("#select_id ").val(4); //设置Select的Value值为4的项选中 
. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项
点击一次,Select将追加一个Option
点击将在Select第一个位置插入一个Option
点击将删除Select中索引值最大Option(最后一个)
语法解释:
. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 
. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 
. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 
. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option
Javascript 相关文章推荐
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
理解JS事件循环
Jan 07 Javascript
JS模拟简易滚动条效果代码(附demo源码)
Apr 05 Javascript
JS闭包与延迟求值用法示例
Dec 22 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
Sep 20 Javascript
vue router学习之动态路由和嵌套路由详解
Sep 21 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
vue-router 控制路由权限的实现
Sep 24 Javascript
js实现模拟购物商城案例
May 18 Javascript
JQuery操作tr和td内容的方法实例
Mar 06 #Javascript
node在两个div之间移动,用ztree实现
Mar 06 #Javascript
js实现一个省市区三级联动选择框代码分享
Mar 06 #Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 #Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 #Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
Mar 05 #Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 #Javascript
You might like
桌面中心(三)修改数据库
2006/10/09 PHP
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
开启CURL扩展,让服务器支持PHP curl函数(远程采集)
2011/03/19 PHP
php版微信公众平台回复中文出现乱码问题的解决方法
2016/09/22 PHP
深入理解 PHP7 中全新的 zval 容器和引用计数机制
2018/10/15 PHP
ext读取两种结构的xml的代码
2008/11/05 Javascript
FireFox JavaScript全局Event对象
2009/06/14 Javascript
JavaScript和ActionScript的交互实现代码
2010/08/01 Javascript
JavaScript中的类继承
2010/11/25 Javascript
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
js原生日历的实例(推荐)
2017/10/31 Javascript
微信小程序使用request网络请求操作实例
2017/12/15 Javascript
vue源码学习之Object.defineProperty 对数组监听
2018/05/30 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
2019/05/26 Javascript
js实现无缝轮播图效果
2020/03/09 Javascript
Ant-design-vue Table组件customRow属性的使用说明
2020/10/28 Javascript
Python 处理数据的实例详解
2017/08/10 Python
python好玩的项目—色情图片识别代码分享
2017/11/07 Python
Python制作词云的方法
2018/01/03 Python
python中的二维列表实例详解
2018/06/19 Python
python读取txt文件并取其某一列数据的示例
2019/02/19 Python
社区版pycharm创建django项目的方法(pycharm的newproject左侧没有项目选项)
2020/09/23 Python
python 使用paramiko模块进行封装,远程操作linux主机的示例代码
2020/12/03 Python
大学应届毕业生个人求职信
2013/09/23 职场文书
优秀党员主要事迹
2014/01/19 职场文书
社会实践评语
2014/04/28 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
无子女夫妻离婚协议书(4篇)
2014/10/20 职场文书
专家推荐信范文
2015/03/26 职场文书
党员发展大会主持词
2015/07/03 职场文书
酒店员工管理制度
2015/08/05 职场文书