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 相关文章推荐
JavaScript 学习技巧
Feb 17 Javascript
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
jQuery $.extend()用法总结
Jun 15 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
Oct 29 Javascript
vue2.0结合Element实现select动态控制input禁用实例
May 12 Javascript
ReactNative实现图片上传功能的示例代码
Jul 11 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
karma+webpack搭建vue单元测试环境的方法示例
May 24 Javascript
angular 内存溢出的问题解决
Jul 12 Javascript
javascript实现计算指定范围内的质数示例
Dec 29 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
PHP.MVC的模板标签系统(五)
2006/09/05 PHP
php下使用strpos需要注意 === 运算符
2010/07/17 PHP
Yii中创建自己的Widget实例
2016/01/05 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
PHP数组的定义、初始化和数组元素的显示实现代码
2016/11/05 PHP
Laravel实现定时任务的示例代码
2017/08/10 PHP
PHP设计模式之简单工厂和工厂模式实例分析
2019/03/25 PHP
一个对于Array的简单扩展
2006/10/03 Javascript
javascript事件问题
2009/09/05 Javascript
js replace替换所有匹配的字符串
2014/02/13 Javascript
基于NodeJS的前后端分离的思考与实践(一)全栈式开发
2014/09/26 NodeJs
JS去掉字符串中所有的逗号
2017/10/18 Javascript
JS实现网页抢购功能(触发,终止脚本)
2017/11/27 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
scrapyd schedule.json setting 传入多个值问题
2019/08/07 Javascript
Python中处理字符串之endswith()方法的使用简介
2015/05/18 Python
Python函数返回值实例分析
2015/06/08 Python
详解Python迭代和迭代器
2016/03/28 Python
python中for用来遍历range函数的方法
2018/06/08 Python
ubuntu16.04制作vim和python3的开发环境
2018/09/23 Python
python如何提取英语pdf内容并翻译
2020/03/03 Python
SpringBoot实现登录注册常见问题解决方案
2020/03/04 Python
Python小白垃圾回收机制入门
2020/06/09 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
基于python获取本地时间并转换时间戳和日期格式
2020/10/27 Python
Python基于Socket实现简易多人聊天室的示例代码
2020/11/29 Python
美国眼镜网:GlassesUSA
2017/09/07 全球购物
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
英国游戏机和游戏购物网站:365games.co.uk
2018/06/18 全球购物
西门豹教学反思
2014/02/04 职场文书
《雷雨》教学反思
2014/02/20 职场文书
高中毕业生的个人自我评价
2014/02/21 职场文书
人大代表选举标语
2014/10/07 职场文书
高中英语教学反思范文
2016/03/02 职场文书
五年级作文之想象作文
2019/10/30 职场文书