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 数据缓存模块进化史详细介绍
Nov 19 Javascript
jquery如何实现在加载完iframe的内容后再进行操作
Sep 10 Javascript
Node.js插件的正确编写方式
Aug 03 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
JavaScript 性能优化小结
Oct 12 Javascript
JavaScript从0开始构思表情插件
Jul 26 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
关于Javascript中defer和async的区别总结
Sep 20 Javascript
JavaScript实现时钟滴答声效果
Jan 29 Javascript
详解nuxt sass全局变量(公共scss解决方案)
Jun 27 Javascript
JS基础之逻辑结构与循环操作示例
Jan 19 Javascript
vue中keep-alive内置组件缓存的实例代码
Apr 16 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 array_push()数组函数:将一个或多个单元压入数组的末尾(入栈)
2011/07/12 PHP
php数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
PHP性能测试工具xhprof安装与使用方法详解
2018/04/29 PHP
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
js、css、img等浏览器缓存问题的2种解决方案
2013/10/23 Javascript
JavaScript 基本概念
2015/01/20 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
浅谈JavaScript中的作用域和闭包问题
2015/07/07 Javascript
javascript中JSON对象与JSON字符串相互转换实例
2015/07/11 Javascript
使用Browserify配合jQuery进行编程的超级指南
2015/07/28 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
React Native 搭建开发环境的方法步骤
2017/10/30 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
Vuejs学习笔记之使用指令v-model完成表单的数据双向绑定
2019/04/29 Javascript
js尾调用优化的实现
2019/05/23 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
vue项目实现多语言切换的思路
2020/09/17 Javascript
[02:44]DOTA2英雄基础教程 克林克兹
2014/01/15 DOTA
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
Python编程把二叉树打印成多行代码
2018/01/04 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
python的几种矩阵相乘的公式详解
2019/07/10 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
canvas烟花特效锦集
2018/01/17 HTML / CSS
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
请写出 float x 与"零值"比较的 if 语句
2016/01/04 面试题
分公司经理岗位职责
2013/11/11 职场文书
事业单位鉴定材料
2014/05/25 职场文书
干部作风建设工作总结
2014/10/29 职场文书
体检通知范文
2015/04/21 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
功夫熊猫观后感
2015/06/10 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书
MySQL优化之如何写出高质量sql语句
2021/05/17 MySQL