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 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
YUI 读码日记之 YAHOO.lang.is*
Mar 22 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
分享一个常用的javascript静态类
Dec 31 Javascript
Js实现无刷新删除内容
Apr 29 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
Oct 12 Javascript
javascript产生随机数方法汇总
Jan 25 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
Dec 27 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
详解Vue单元测试case写法
May 24 Javascript
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
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
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
php多种形式发送邮件(mail qmail邮件系统 phpmailer类)
2014/01/22 PHP
Laravel模型间关系设置分表的方法示例
2018/04/21 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
Nodejs极简入门教程(二):定时器
2014/10/25 NodeJs
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
动态加载JavaScript文件的两种方法
2016/04/22 Javascript
JS获取IMG图片高宽的简单实例
2016/05/17 Javascript
详解js的异步编程技术的方法
2017/02/09 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
微信小程序中网络请求缓存的解决方法
2019/12/29 Javascript
Web服务器框架 Tornado简介
2014/07/16 Python
linux 下实现python多版本安装实践
2014/11/18 Python
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
python实现简单神经网络算法
2018/03/10 Python
python跳出双层for循环的解决方法
2019/06/24 Python
基于python中__add__函数的用法
2019/11/25 Python
windows下的pycharm安装及其设置中文菜单
2020/04/23 Python
世界上最受欢迎的钓鱼诱饵:Rapala
2019/05/02 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
什么是smarty? Smarty的优点是什么?
2013/08/11 面试题
DTD的含义以及作用
2014/01/26 面试题
优秀毕业大学生推荐信
2013/11/13 职场文书
母亲80寿诞答谢词
2014/01/16 职场文书
售后服务经理岗位职责
2014/02/25 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
社会工作专业求职信
2014/07/15 职场文书
教师学习八项规定六项禁令思想汇报
2014/09/27 职场文书
投诉信回复范文
2015/07/03 职场文书
《社戏》教学反思
2016/02/22 职场文书