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 相关文章推荐
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
简单的js表单验证函数
Oct 28 Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
ES6扩展运算符的用途实例详解
Aug 20 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
Element ui 下拉多选时新增一个选择所有的选项
Aug 21 Javascript
JS实现小星星特效
Dec 24 Javascript
详解vue v-model
Aug 31 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
完美解决:Apache启动问题―(OS 10022)提供了一个无效的参数
2013/06/08 PHP
PHP命名空间(Namespace)简明教程
2014/06/11 PHP
几个javascript操作word的参考代码
2009/10/26 Javascript
获取焦点时,利用js定时器设定时间执行动作
2010/04/02 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
javascript日期转换 时间戳转日期格式
2011/11/05 Javascript
innerHTML与jquery里的html()区别介绍
2012/10/12 Javascript
js复制网页内容并兼容各主流浏览器的代码
2013/12/17 Javascript
用nodejs实现PHP的print_r函数代码
2014/03/14 NodeJs
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
浅谈Sublime Text 3运行JavaScript控制台
2016/06/06 Javascript
Jquery鼠标放上去显示全名的实现方法
2017/02/06 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
在 Vue 中编写 SVG 图标组件的方法
2020/02/24 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
如何利用vue实现波谱拟合详解
2020/11/05 Javascript
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
python使用pil库实现图片合成实例代码
2018/01/20 Python
Django实现登录随机验证码的示例代码
2018/06/20 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
Python基于gevent实现文件字符串查找器
2020/08/11 Python
MAC Cosmetics巴西官方网站:M·A·C彩妆
2019/04/18 全球购物
商务英语专业求职信范文
2014/01/28 职场文书
幼儿教师国培感言
2014/02/19 职场文书
护士医德考评自我评价
2015/03/03 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
教师病假条范文
2015/08/17 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
PHP解决高并发问题
2021/04/01 PHP
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers