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 图片 上一张 下一张 链接效果(续篇)
Apr 20 Javascript
javascript 随机展示头像实现代码
Dec 06 Javascript
JQuery防止退格键网页后退的实现代码
Mar 23 Javascript
常见JS验证脚本汇总
Dec 01 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
Vue实现路由跳转和嵌套
Jun 20 Javascript
微信小程序页面间传值与页面取值操作实例分析
Apr 30 Javascript
react 中父组件与子组件双向绑定问题
May 20 Javascript
了解javascript中的Dom操作
May 27 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
24个解决实际问题的ES6代码片段(小结)
Feb 02 Javascript
Map与WeakMap类型在JavaScript中的使用详解
Nov 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
DC宇宙的第一个英雄,堪称动漫史鼻祖,如今成为美国文化的象征
2020/04/09 欧美动漫
php 删除cookie和浏览器重定向
2009/03/16 PHP
php 多线程上下文中安全写文件实现代码
2009/12/28 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
Some tips of wmi scripting in jscript (1)
2007/04/03 Javascript
原生js实现日期联动
2015/01/12 Javascript
jQuery.prop() 使用详解
2015/07/19 Javascript
Bootstrap每天必学之面板
2015/11/30 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
2017/01/20 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
200行代码实现blockchain 区块链实例详解
2018/03/14 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
使用jquery Ajax实现上传附件功能
2018/10/23 jQuery
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
JavaScript遍历数组和对象的元素简单操作示例
2019/07/09 Javascript
微信小程序实现多行文字滚动
2020/11/18 Javascript
[05:53]敌法师的金色冠名ID"BurNIng",是传说,是荣耀
2020/07/11 DOTA
教你如何将 Sublime 3 打造成 Python/Django IDE开发利器
2014/07/04 Python
对Python中实现两个数的值交换的集中方法详解
2019/01/11 Python
Python向excel中写入数据的方法
2019/05/05 Python
10款最好的Python开发编辑器
2019/07/03 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
python 获取字典特定值对应的键的实现
2020/09/29 Python
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
英国领先的维生素和补充剂品牌:Higher Nature
2019/08/26 全球购物
学校万圣节活动方案
2014/02/13 职场文书
数字化校园建设方案
2014/05/03 职场文书
师德师风承诺书
2014/05/23 职场文书
优秀班组申报材料
2014/12/25 职场文书
2015年社区文体活动总结
2015/03/25 职场文书
国际贸易实训总结
2015/08/03 职场文书
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js