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 firefox不显示本地预览图片问题的解决方法
Nov 12 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
在Node.js中使用HTTP上传文件的方法
Jun 23 Javascript
jQuery实现的网页左侧在线客服效果代码
Oct 23 Javascript
Jquery实现上下移动和排序代码
Oct 17 Javascript
RequireJs的使用详解
Feb 19 Javascript
浅谈Vue.js
Mar 02 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
ES6实现的遍历目录函数示例
Apr 07 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
AutoJs实现刷宝短视频的思路详解
May 22 Javascript
构建一个JavaScript插件系统
Oct 20 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 header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
php 批量替换程序的具体实现代码
2013/10/04 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
收集的网上用的ajax之chat.js文件
2007/04/08 Javascript
jquery remove方法应用详解
2012/11/22 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
2013/10/23 Javascript
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
浅谈JavaScript函数节流
2014/12/09 Javascript
写给vue新手们的vue渲染页面教程
2017/09/01 Javascript
JS实现HTML页面中动态显示当前时间完整示例
2018/07/30 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
Vue使用JSEncrypt实现rsa加密及挂载方法
2020/02/07 Javascript
基于JS实现快速读取TXT文件
2020/08/25 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
Python基于twisted实现简单的web服务器
2014/09/29 Python
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
Python删除Java源文件中全部注释的实现方法
2017/08/30 Python
python爬虫 正则表达式使用技巧及爬取个人博客的实例讲解
2017/10/20 Python
pymysql模块的操作实例
2019/12/17 Python
python 爬取古诗文存入mysql数据库的方法
2020/01/08 Python
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
卫校中专生个人自我评价
2013/09/19 职场文书
毕业生自我鉴定实例
2014/01/21 职场文书
企业出纳岗位职责
2014/03/12 职场文书
房产公证书范本
2014/04/10 职场文书
四年级评语大全
2014/04/21 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
个人思想政治总结
2015/03/05 职场文书
幼儿园国庆节活动总结
2015/03/23 职场文书
设备技术员岗位职责
2015/04/11 职场文书
校长新学期寄语2016
2015/12/04 职场文书
详解pytorch创建tensor函数
2022/03/22 Python
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python