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 相关文章推荐
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
Apr 15 Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
JavaScript编程的10个实用小技巧
Apr 18 Javascript
浅析JavaScript声明变量
Dec 21 Javascript
node.js使用cluster实现多进程
Mar 17 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 Javascript
Vue自定义指令详解
Jul 28 Javascript
Vue精简版风格概述
Jan 30 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
May 06 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
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
PHP __autoload函数(自动载入类文件)的使用方法
2012/02/04 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
Visual Studio中的jQuery智能提示设置方法
2010/03/27 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
jQuery的基本概念与高级编程
2015/05/14 Javascript
js实现点击图片自动提交action的简单方法
2016/10/16 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
详解webpack自定义loader初探
2018/08/29 Javascript
详解Vue-axios 设置请求头问题
2018/12/06 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
小程序自动化测试的示例代码
2020/08/11 Javascript
python3中set(集合)的语法总结分享
2017/03/24 Python
python入门教程 python入门神图一张
2018/03/05 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
python函数不定长参数使用方法解析
2019/12/14 Python
pygame实现飞机大战
2020/03/11 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
智能室内花园:Click & Grow
2021/01/29 全球购物
经典导游欢迎词大全
2014/01/16 职场文书
红旗团支部事迹材料
2014/01/27 职场文书
火车来了教学反思
2014/02/11 职场文书
后备干部考察材料
2014/02/12 职场文书
贷款收入证明范本
2015/06/12 职场文书
刘胡兰观后感
2015/06/16 职场文书
一封真诚的自荐信帮你赢得机会
2019/05/07 职场文书
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android