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 有趣而诡异的数组
Apr 06 Javascript
JS高级笔记
Jul 13 Javascript
JavaScript 垃圾回收机制分析
Oct 10 Javascript
Json序列化和反序列化方法解析
Dec 19 Javascript
jQuery表单域选择器用法分析
Feb 10 Javascript
JavaScript从数组中删除指定值元素的方法
Mar 18 Javascript
JQuery控制Radio选中方法分析
May 29 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
Apr 08 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
angular.js 路由及页面传参示例
Feb 24 Javascript
ES6新特性之Symbol类型用法分析
Mar 31 Javascript
Vue.js实现的表格增加删除demo示例
May 22 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的5个安全措施小结
2012/07/17 PHP
PHP变量的作用范围实例讲解
2020/12/22 PHP
CSS3画一个阴阳八卦图
2021/03/09 HTML / CSS
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
在JavaScript应用中实现延迟加载的方法
2015/06/25 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
2017/11/24 Javascript
原生js实现移动端Touch轮播图的方法步骤
2019/01/03 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
微信小程序-API接口安全详解
2019/07/16 Javascript
在antd Form表单中select设置初始值操作
2020/11/02 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
优化Python代码使其加快作用域内的查找
2015/03/30 Python
Python发送email的3种方法
2015/04/28 Python
初步讲解Python中的元组概念
2015/05/21 Python
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
Python利用turtle库绘制彩虹代码示例
2017/12/20 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
windows下python安装小白入门教程
2018/09/18 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
你所知道的集合类都有哪些?主要方法?
2012/12/31 面试题
毕业自荐书
2013/12/09 职场文书
《要下雨了》教学反思
2014/02/17 职场文书
供货协议书
2014/04/22 职场文书
国际贸易毕业生自荐书
2014/06/22 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
出租房屋协议书
2014/09/14 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
老乡聚会通知
2015/04/23 职场文书
幼儿园端午节活动总结
2015/05/05 职场文书
MySQL时间盲注的五种延时方法实现
2021/05/18 MySQL