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 相关文章推荐
JavaScript面象对象设计
Apr 28 Javascript
再探JavaScript作用域
Sep 24 Javascript
jQuery中andSelf()方法用法实例
Jan 08 Javascript
js实现获取当前时间是本月第几周的方法
Aug 11 Javascript
jQuery无刷新分页完整实例代码
Oct 27 Javascript
AngularJS中的表单简单入门
Jul 28 Javascript
基于javascript实现按圆形排列DIV元素(二)
Dec 02 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
lhgcalendar时间插件限制只能选择三个月的实现方法
Jul 03 Javascript
Vue中函数防抖节流的理解及应用实现
Apr 24 Javascript
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
js实现全选和全不选
Jul 28 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实现ping
2006/10/09 PHP
PHP5 安装方法
2006/10/09 PHP
PHP静态新闻列表自动生成代码
2007/06/14 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
PHP投票系统防刷票判断流程分析
2012/02/04 PHP
解决php使用异步调用获取数据时出现(错误c00ce56e导致此项操作无法完成)
2013/07/03 PHP
php实现的xml操作类
2016/01/15 PHP
PHP安装扩展mcrypt以及相关依赖项深入讲解
2021/03/04 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
js操作数组函数实例小结
2015/12/10 Javascript
js实现字符串和数组之间相互转换操作
2016/01/12 Javascript
微信小程序中使元素占满整个屏幕高度实现方法
2016/12/14 Javascript
vue-router跳转页面的方法
2017/02/09 Javascript
基于jquery实现二级联动效果
2017/03/30 jQuery
解析vue中的$mount
2017/12/21 Javascript
分析javascript原型及原型链
2018/03/18 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
LayUI动态设置checkbox不显示的解决方法
2019/09/02 Javascript
手把手教你如何编译打包video.js
2020/12/09 Javascript
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
Python实现Singleton模式的方式详解
2019/08/08 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
Django中FilePathField字段的用法
2020/05/21 Python
详解pyqt5的UI中嵌入matplotlib图形并实时刷新(挖坑和填坑)
2020/08/07 Python
python+requests实现接口测试的完整步骤
2020/10/27 Python
有影响力的品牌之家:Our Social Collective
2019/06/08 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
通往英国高街的商店橱窗:Down Your High Street
2020/07/19 全球购物
临床专业自荐信
2014/06/22 职场文书
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
领导干部群众路线个人对照检查材料思想汇报
2014/09/30 职场文书
幼儿园小班个人总结
2015/02/12 职场文书