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 相关文章推荐
关于递归运算的顺序测试代码
Nov 30 Javascript
js动态创建表格,删除行列的小例子
Jul 20 Javascript
文档对象模型DOM通俗讲解
Nov 01 Javascript
JS冒泡事件的快速解决方法
Dec 16 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
在Google 地图上实现做的标记相连接
Jan 05 Javascript
jQuery实现复选框批量选择与反选的方法
Jun 17 Javascript
js实现为a标签添加事件的方法(使用闭包循环)
Aug 02 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
JS验证字符串功能
Feb 22 Javascript
webpack常用构建优化策略小结
Nov 21 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 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实现的分页类定义与用法示例
2017/07/05 PHP
PHP设计模式之适配器模式原理与用法分析
2018/04/25 PHP
php中的依赖注入实例详解
2019/08/14 PHP
javascript 建设银行登陆键盘
2008/06/10 Javascript
JavaScript 加号(+)运算符号
2009/12/06 Javascript
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
node.js中的fs.readdir方法使用说明
2014/12/17 Javascript
jQuery实现新消息闪烁标题提示的方法
2015/03/11 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
详解JavaScript的闭包、IIFE、apply、函数与对象
2016/12/21 Javascript
Vue.js实战之Vuex的入门教程
2017/04/01 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
2017/09/12 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
vue devtools的安装与使用教程
2018/08/08 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
小程序的上传文件接口的注意要点解析
2019/09/17 Javascript
Python下使用Psyco模块优化运行速度
2015/04/05 Python
Python 利用内置set函数对字符串和列表进行去重的方法
2018/06/29 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
python爬取基于m3u8协议的ts文件并合并
2019/04/26 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
django的csrf实现过程详解
2019/07/26 Python
python3通过subprocess模块调用脚本并和脚本交互的操作
2020/12/05 Python
如何利用python生成MD5并去重
2020/12/07 Python
临床医师专业个人自我评价
2014/01/08 职场文书
住房公积金接收函
2014/01/09 职场文书
市场营销毕业求职信
2014/08/07 职场文书
给老婆的道歉信
2015/01/20 职场文书
校长师德表现自我评价
2015/03/05 职场文书
工作简历自我评价
2015/03/11 职场文书
会计出纳岗位职责
2015/03/31 职场文书
深入详解JS函数的柯里化
2021/06/09 Javascript