jQuery 对Select的操作备忘记录


Posted in Javascript onJuly 04, 2011

jQuery获取Select选择的Text和Value:

语法解释:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery设置Select选择的Text和Value:

语法解释:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:

语法解释:
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

Javascript 相关文章推荐
JavaScript 节点操作 以及DOMDocument属性和方法
Dec 06 Javascript
jquery easyui的tabs使用时的问题
Mar 23 Javascript
javascript之bind使用介绍
Oct 09 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
vue.js使用代理和使用Nginx来解决跨域的问题
Feb 03 Javascript
Vue 实时监听窗口变化 windowresize的两种方法
Nov 06 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
微信小程序实现图片上传
May 23 Javascript
vue自定义表单生成器form-create使用详解
Jul 19 Javascript
细述Javascript的加法运算符的具体使用
Oct 18 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 #Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 #Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 #Javascript
js 字符串转化成数字的代码
Jun 29 #Javascript
js的一些常用方法小结
Jun 29 #Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 #Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 #Javascript
You might like
海贼王:最美的悬赏令!
2020/03/02 日漫
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
老司机传授Ubuntu下Apache+PHP+MySQL环境搭建攻略
2016/03/20 PHP
用jquery设置按钮的disabled属性的实现代码
2010/11/28 Javascript
基于jquery的监控数据是否发生改变
2011/04/11 Javascript
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
2014/01/24 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
JQuery中属性过滤选择器用法实例分析
2015/05/18 Javascript
JS关闭窗口时产生的事件及用法示例
2016/08/20 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
2016/12/31 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
[42:32]VP vs RNG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
pytorch中的自定义数据处理详解
2020/01/06 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
Python获取对象属性的几种方式小结
2020/03/12 Python
简述 Python 的类和对象
2020/08/21 Python
HTML5通过navigator.mediaDevices.getUserMedia调用手机摄像头问题
2020/04/27 HTML / CSS
英国领先的男装设计师服装购物网站:Mainline Menswear
2018/02/04 全球购物
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
教师的实习鉴定
2013/12/15 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
民主评议政风行风整改方案
2014/09/17 职场文书
2015年感恩母亲节活动方案
2015/05/04 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
golang 实现Location跳转方式
2021/05/02 Golang
让文件路径提取变得更简单的Python Path库
2021/05/27 Python