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高级学习笔记整理
Aug 14 Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
JavaScript的作用域和块级作用域概念理解
Sep 21 Javascript
JavaScript语言对Unicode字符集的支持详解
Dec 30 Javascript
基于javascript实现图片左右切换效果
Jan 25 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
Apr 20 Javascript
vue使用i18n实现国际化的方法详解
Sep 05 Javascript
Javascript实现鼠标点击冒泡特效
Dec 24 Javascript
如何用JavaScript学习算法复杂度
Apr 30 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
用PHP编写PDF文档生成器
2006/10/09 PHP
php 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
PHP实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
php+mysql实现无限级分类
2015/11/11 PHP
PHP微信开发之文本自动回复
2016/06/23 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
2011/04/06 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
javascript 中that的含义示例介绍
2014/05/14 Javascript
javascript面向对象之this关键词用法分析
2015/01/13 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
Angular.js组件之input mask对input输入进行格式化详解
2017/07/10 Javascript
vue实现验证码输入框组件
2017/12/14 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
详解在React里使用&quot;Vuex&quot;
2018/04/02 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
python表格存取的方法
2018/03/07 Python
解决pip install的时候报错timed out的问题
2018/06/12 Python
Python astype(np.float)函数使用方法解析
2020/06/08 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
美国知名户外用品畅销中心:Sierra Trading Post
2016/07/19 全球购物
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
小区门卫工作职责
2013/12/14 职场文书
和平主题的演讲稿
2014/01/12 职场文书
辩论会主持词
2015/07/03 职场文书
正能量励志演讲稿三分钟(范文)
2019/07/11 职场文书
django如何自定义manage.py管理命令
2021/04/27 Python
python基础之错误和异常处理
2021/10/24 Python
nginx配置之并发频次限制
2022/04/18 Servers