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页面不刷新时全选择,全删除(GridView)
Apr 14 Javascript
分享20款好玩的jQuery游戏
Apr 17 Javascript
用JavaScript实现动画效果的方法
Jul 20 Javascript
jQuery 的全选(全非选)即取得被选中的值使用介绍
Nov 12 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
jquery遍历函数siblings()用法实例
Dec 24 Javascript
微信小程序 支付功能开发错误总结
Feb 21 Javascript
React 使用browserHistory项目访问404问题解决
Jun 01 Javascript
Vue Extends 扩展选项用法完整实例
Sep 17 Javascript
基于JS判断对象是否是数组
Jan 10 Javascript
原生Js 实现的简单无缝滚动轮播图的示例代码
May 10 Javascript
让JavaScript代码更加精简的方法技巧
Jun 01 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
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
jQuery 各种浏览器下获得日期区别
2008/12/22 Javascript
javascript Math.random()随机数函数
2009/11/04 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
2013/12/25 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
jQuery点击导航栏选中更换样式的实现代码
2017/01/23 Javascript
解决vue router组件状态刷新消失的问题
2018/08/01 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
2019/03/19 Javascript
微信小程序的tab选项卡的实现效果
2019/05/15 Javascript
nodejs中使用archive压缩文件的实现代码
2019/11/26 NodeJs
python基础入门详解(文件输入/输出 内建类型 字典操作使用方法)
2013/12/08 Python
python简单实现基数排序算法
2015/05/16 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
Pyqt清空某一个QTreeewidgetItem下的所有分支方法
2019/06/17 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
python安装和pycharm环境搭建设置方法
2020/05/27 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
Canvas环形饼图与手势控制的实现代码
2019/11/08 HTML / CSS
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
奥斯汀独木舟和皮划艇:Austin Canoe & Kayak
2018/05/22 全球购物
ProBikeKit德国:在线公路自行车专家
2018/06/03 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
网络公司美工设计工作个人的自我评价
2013/11/03 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
班子成员四风问题自我剖析材料
2014/09/29 职场文书
机关作风建设剖析材料
2014/10/11 职场文书
优秀团员事迹材料
2014/12/25 职场文书
热血教师观后感
2015/06/10 职场文书
廉洁自律证明
2015/06/24 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
银行求职信怎么写
2019/06/20 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书