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优缺点分析说明
Jun 09 Javascript
UI Events 用户界面事件
Jun 27 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
js父页面与子页面不同时显示的方法
Oct 16 Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 Javascript
修改ligerui 默认确认按钮的方法
Dec 27 Javascript
vue.js实现用户评论、登录、注册、及修改信息功能
May 30 Javascript
vue 实现类似淘宝星级评分的示例
Mar 01 Javascript
Layui Table js 模拟选中checkbox的例子
Sep 03 Javascript
vue 导航内容设置选中状态样式的例子
Nov 01 Javascript
uni-app如何实现增量更新功能
Jan 03 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判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
PHP数据类型之布尔型的介绍
2013/04/28 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
jquery 模拟雅虎首页的点击对话框效果
2010/04/11 Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
2013/04/26 Javascript
基于jquery自定义的漂亮单选按钮RadioButton
2013/11/19 Javascript
js鼠标点击图片实现随机变换图片的方法
2015/02/16 Javascript
JavaScript Split()方法
2015/12/18 Javascript
node.js学习之base64编码解码
2016/10/21 Javascript
javascript编写简易计算器
2017/05/06 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python基础教程之tcp socket编程详解及简单实例
2017/02/23 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
python接口自动化(十七)--Json 数据处理---一次爬坑记(详解)
2019/04/18 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
pyspark 随机森林的实现
2020/04/24 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
python如何控制进程或者线程的个数
2020/10/16 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
美国女性卫生用品公司:Thinx
2017/06/30 全球购物
美国汽车零部件和配件网站:CarParts
2019/03/13 全球购物
生产车间主管岗位职责
2013/12/28 职场文书
好邻里事迹材料
2014/01/16 职场文书
医院护士工作检讨书
2014/10/26 职场文书
2016年七夕情人节宣传语
2015/11/25 职场文书
用python开发一款操作MySQL的小工具
2021/05/12 Python
实例讲解Python中sys.argv[]的用法
2021/06/03 Python
使用nginx配置访问wgcloud的方法
2021/06/26 Servers
JS实现简单九宫格抽奖
2022/06/28 Javascript