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 相关文章推荐
文字幻灯片
Jun 26 Javascript
JQuery 初体验(建议学习jquery)
Apr 25 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
JS对象与json字符串格式转换实例
Oct 28 Javascript
BootStrap selectpicker
Jun 20 Javascript
Highcharts入门之基本属性
Aug 02 Javascript
在 Angular 中实现搜索关键字高亮示例
Mar 21 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
KOA+egg.js集成kafka消息队列的示例
Nov 09 Javascript
React 实现拖拽功能的示例代码
Jan 06 Javascript
layui 弹出删除确认界面的实例
Sep 06 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 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中的加密功能
2006/10/09 PHP
php生成随机数或者字符串的代码
2008/09/05 PHP
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
PHP对象转换为数组函数(递归方法)
2012/02/04 PHP
php中实现记住密码下次自动登录的例子
2014/11/06 PHP
php中magic_quotes_gpc对unserialize的影响分析
2014/12/16 PHP
Yii框架分页技术实例分析
2019/08/30 PHP
jquery tools 系列 scrollable学习
2009/09/06 Javascript
javascript getElementsByClassName 和js取地址栏参数
2010/01/02 Javascript
详解JavaScript 中的 replace 方法
2016/01/01 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
Javascript操作select控件代码实例
2020/02/14 Javascript
浅谈JS for循环中使用break和continue的区别
2020/07/21 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
使用python将mysql数据库的数据转换为json数据的方法
2019/07/01 Python
python实现PCA降维的示例详解
2020/02/24 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
python时间time模块处理大全
2020/10/25 Python
CSS3 3D旋转rotate效果实例介绍
2016/05/03 HTML / CSS
Roots加拿大官网:加拿大休闲服饰品牌
2016/10/24 全球购物
创立科技Java面试题
2015/11/29 面试题
车间班组长的职责
2013/12/13 职场文书
读书心得体会
2013/12/28 职场文书
总经理岗位职责描述
2014/02/08 职场文书
大学军训感言1500字
2014/03/09 职场文书
工作决心书
2014/03/11 职场文书
企业法人任命书
2015/09/21 职场文书
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL
什么是clearfix (一文搞清楚css清除浮动clearfix)
2023/05/21 HTML / CSS