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 array(数组)使用字符串作为数组下标的方法
Nov 19 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
Nov 25 Javascript
javascript验证身份证号
Mar 03 Javascript
jQuery EasyUI Dialog拖不下来如何解决
Sep 28 Javascript
iScroll.js 使用方法参考
May 16 Javascript
AngularJS ng-change 指令的详解及简单实例
Jul 30 Javascript
基于d3.js实现实时刷新的折线图
Aug 03 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
spirngmvc js传递复杂json参数到controller的实例
Mar 29 Javascript
了解重排与重绘
May 29 Javascript
vue实现抖音时间转盘
Sep 08 Javascript
keep-Alive搭配vue-router实现缓存页面效果的示例代码
Jun 24 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实现保存周期为1天的购物车类
2017/07/07 PHP
详解将数据从Laravel传送到vue的四种方式
2019/10/16 PHP
php中yar框架实例用法讲解
2020/12/27 PHP
懒就要懒到底——鼠标自动点击(含时间判断)
2007/02/20 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
2013/05/08 Javascript
JavaScript的strict模式与with关键字介绍
2014/02/08 Javascript
JQuery 图片滚动轮播示例代码
2014/03/24 Javascript
Js实现自定义右键行为
2015/03/26 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
2016/07/01 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
2016/10/13 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
jQuery中map函数的两种方式
2017/04/07 jQuery
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
js+SVG实现动态时钟效果
2018/07/14 Javascript
js实现网页同时进行多个倒计时功能
2019/02/25 Javascript
js实现随机数小游戏
2019/06/28 Javascript
Vue项目中使用WebUploader实现文件上传的方法
2019/07/21 Javascript
python中的内置函数getattr()介绍及示例
2014/07/20 Python
Python正则表达式分组概念与用法详解
2017/06/24 Python
使用DataFrame删除行和列的实例讲解
2018/04/08 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
德国BA保镖药房韩文网:kr.ba.de
2017/09/04 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
中专毕业生个人职业生涯规划
2014/02/19 职场文书
学生会干部自我鉴定2014
2014/09/18 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
三好学生评选事迹材料(2016精选版)
2016/02/25 职场文书
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python