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 相关文章推荐
解读IE和firefox下JScript和HREF的执行顺序
Jan 12 Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
js中变量的连续赋值(实例讲解)
Jul 08 Javascript
详解Vue2.0配置mint-ui踩过的那些坑
Apr 23 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
Aug 17 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
Aug 20 Javascript
React+EggJs实现断点续传的示例代码
Jul 07 Javascript
浅谈react路由传参的几种方式
Mar 23 Javascript
AngularJS实现多级下拉框
Mar 25 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中mysql与mysqli的区别分析
2013/06/10 PHP
ThinkPHP CURD方法之field方法详解
2014/06/18 PHP
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
值得分享的php+ajax实时聊天室
2016/07/20 PHP
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
2013/01/09 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
js换图片效果可进行定时操作
2014/06/09 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
AngularJS监听路由变化的方法
2017/03/07 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
2018/01/26 Javascript
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
从0到1搭建Element的后台框架的方法步骤
2019/04/10 Javascript
前端路由&amp;webpack基础配置详解
2019/06/10 Javascript
JS实现电商商品展示放大镜特效
2020/01/07 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
讲解Python中的标识运算符
2015/05/14 Python
django接入新浪微博OAuth的方法
2015/06/29 Python
Python 删除连续出现的指定字符的实例
2018/06/29 Python
tensorflow更改变量的值实例
2018/07/30 Python
对pandas里的loc并列条件索引的实例讲解
2018/11/15 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
Python如何使用ElementTree解析xml
2020/10/12 Python
Selenium关闭INFO:CONSOLE提示的解决
2020/12/07 Python
详解pandas映射与数据转换
2021/01/22 Python
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
美国嘻哈文化生活方式品牌:GLD
2018/04/15 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
PyQt QMainWindow的使用示例
2021/03/24 Python
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
奥利奥广告词
2014/03/20 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书