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 相关文章推荐
jquery中常用的SET和GET
Jan 13 Javascript
js 纯数字不重复排列的另类方法
Jul 17 Javascript
使用Javascript接收get传递的值的代码
Nov 30 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
动态添加删除表格行的js实现代码
Feb 28 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
Aug 11 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
Apr 22 Javascript
jquery如何获取元素的滚动条高度等实现代码
Oct 19 Javascript
纯javascript响应式树形菜单效果
Nov 10 Javascript
js提交form表单,并传递参数的实现方法
May 25 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
使用Vue调取接口,并渲染数据的示例代码
Oct 28 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分页实例代码分享
2011/07/28 PHP
PHP session会话的安全性分析
2011/09/08 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
Windows平台实现PHP连接SQL Server2008的方法
2017/07/26 PHP
JS正则中的RegExp对象对象
2012/11/07 Javascript
js仿百度有啊通栏展示效果实现代码
2013/05/28 Javascript
jquery获取所有选中的checkbox实现代码
2016/05/26 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
2016/12/08 Javascript
JS实现的验证身份证及获取地区功能示例
2017/01/16 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
2020/05/15 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
Python中模块与包有相同名字的处理方法
2017/05/05 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
几种实用的pythonic语法实例代码
2018/02/24 Python
python调用系统ffmpeg实现视频截图、http发送
2018/03/06 Python
python爱心表白 每天都是浪漫七夕!
2018/08/18 Python
python 画出使用分类器得到的决策边界
2019/08/21 Python
Python self用法详解
2020/11/28 Python
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
HTML5移动开发图片压缩上传功能
2016/11/09 HTML / CSS
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
关联、聚合(Aggregation)以及组合(Composition)的区别
2012/02/29 面试题
实习老师离校感言
2014/02/03 职场文书
文明村创建实施方案
2014/03/27 职场文书
中秋寄语大全
2014/04/11 职场文书
求职者怎样写自荐信
2014/04/13 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
windows11选中自动复制怎么开启? Win11自动复制所选内容的方法
2022/07/23 数码科技