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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
Knockoutjs 学习系列(一)ko初体验
Jun 07 Javascript
js实现上传图片预览方法
Oct 25 Javascript
Bootstrap 3浏览器兼容性问题及解决方案
Apr 11 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
Jun 18 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
Vue组件之极简的地址选择器的实现
May 31 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
Dec 03 Javascript
微信小程序开发摇一摇功能
Nov 22 Javascript
js实现带有动画的返回顶部
Aug 09 Javascript
js定时器出现第一次延迟的原因及解决方法
Jan 04 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 分页分组类
2009/12/10 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
PHP url的pathinfo模式加载不同控制器的简单实现
2016/08/12 PHP
CI框架常用函数封装实例
2016/11/21 PHP
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
2010/02/07 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
2012/04/15 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
jQuery导航条固定定位效果实例代码
2017/05/26 jQuery
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
解决layui下拉框监听问题(监听不到值的变化)
2019/09/28 Javascript
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
[03:04]DOTA2英雄基础教程 影魔
2013/12/11 DOTA
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
Hadoop中的Python框架的使用指南
2015/04/22 Python
深入理解python对json的操作总结
2017/01/05 Python
详谈Numpy中数组重塑、合并与拆分方法
2018/04/17 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
Python的互斥锁与信号量详解
2019/09/12 Python
爬虫代理池Python3WebSpider源代码测试过程解析
2019/12/20 Python
Python可以实现栈的结构吗
2020/05/27 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
Python实现简单猜数字游戏
2021/02/03 Python
Python3.9.1中使用match方法详解
2021/02/08 Python
ddl,dml和dcl的含义
2016/05/08 面试题
护理学应聘自荐书范文
2014/02/05 职场文书
小学语文国培感言
2014/03/04 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
商业房地产广告语
2014/03/13 职场文书
清明节演讲稿
2014/05/27 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
企业党员岗位承诺书
2015/04/27 职场文书
股权投资协议书
2016/03/23 职场文书