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 相关文章推荐
js控制框架刷新
Aug 01 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
Jul 23 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
js a标签点击事件
Mar 30 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
Jul 03 Javascript
Vue 组件传值几种常用方法【总结】
May 28 Javascript
JavaScript事件发布/订阅模式原理与用法分析
Aug 21 Javascript
对Vue2 自定义全局指令Vue.directive和指令的生命周期介绍
Aug 30 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 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
php printf输出格式使用说明
2010/12/05 PHP
php图像处理类实例
2015/07/28 PHP
php强大的时间转换函数strtotime
2016/02/18 PHP
利用PHP如何统计Nginx日志的User Agent数据
2019/03/06 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
Js注册协议倒计时的小例子
2013/06/24 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
jquery trigger函数执行两次的解决方法
2016/02/29 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
解决vue多个路由共用一个页面的问题
2018/03/12 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
Vue组件中的data必须是一个function的原因浅析
2018/09/03 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
javascript用defineProperty实现简单的双向绑定方法
2020/04/03 Javascript
TensorFlow 滑动平均的示例代码
2018/06/19 Python
Django 登陆验证码和中间件的实现
2018/08/17 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
python3 动态模块导入与全局变量使用实例
2019/12/22 Python
keras多显卡训练方式
2020/06/10 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
matplotlib对象拾取事件处理的实现
2021/01/14 Python
Canvas引入跨域的图片导致toDataURL()报错的问题的解决
2018/09/19 HTML / CSS
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
三年级音乐教学反思
2014/01/28 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
运动会表扬稿
2015/01/16 职场文书
2019预备党员转正申请书模板2篇!
2019/08/07 职场文书
Python必备技巧之字符数据操作详解
2022/03/23 Python
Java 写一个简单的图书管理系统
2022/04/26 Java/Android