jQuery对Select的操作大集合(收藏)


Posted in Javascript onDecember 28, 2013

1.jQuery添加/删除Select的Option项:
2.$("#select_id").append("<option value='Value'>Text</option>");   //为Select追加一个Option(下拉项) 
3.$("#select_id").prepend("<option value='0'>请选择</option>");   //为Select插入一个Option(第一个位置) 
4.$("#select_id option:last").remove();   //删除Select中索引值最大Option(最后一个) 
5.$("#select_id option[index='0']").remove();   //删除Select中索引值为0的Option(第一个) 
6.$("#select_id option[value='3']").remove();   //删除Select中Value='3'的Option 
7.$("#select_id option[text='4']").remove();   //删除Select中Text='4'的Option 
8.$("#select_id").empty(); //清空select中的option
 

1.jQuery获取Select选择的Text和Value:
2.$("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发 
3.var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text 
4.var checkValue=$("#select_id").val();   //获取Select选择的Value 
5.var checkIndex=$("#select_id ").get(0).selectedIndex;   //获取Select选择的索引值
6.var maxIndex=$("#select_id option:last").attr("index");   //获取Select最大的索引值 jQuery设置Select选择的Text和Value:

Javascript 相关文章推荐
IE 当eval遇上function的处理
Aug 09 Javascript
一个关于jqGrid使用的小例子(行按钮)
Nov 04 Javascript
判断ie的两种简单方法
Aug 12 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 Javascript
WdatePicker.js时间日期插件的使用方法
Jul 26 Javascript
vue双向数据绑定知识点总结
Apr 18 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
json数据传到前台并解析展示成列表的方法
Aug 06 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
JS removeAttribute()方法实现删除元素的某个属性
Jan 11 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 #Javascript
jquery改变tr背景色的示例代码
Dec 28 #Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 #Javascript
jquery弹出层类代码分享
Dec 27 #Javascript
可插入图片的TEXT文本框
Dec 27 #Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 #Javascript
JS字符串截取函数实例
Dec 27 #Javascript
You might like
新浪SAE搭建PHP项目教程
2015/01/28 PHP
php判断数组是否为空的实例方法
2020/05/10 PHP
jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)
2010/05/24 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
JS+CSS实现一个气泡提示框
2013/08/18 Javascript
用javascript关闭本窗口不弹出询问框的方法
2014/09/12 Javascript
JavaScript中的闭包(Closure)详细介绍
2014/12/30 Javascript
jQuery实现的导航动画效果(附demo源码)
2016/04/01 Javascript
JavaScript简单下拉菜单特效
2016/09/13 Javascript
浅析vue数据绑定
2017/01/17 Javascript
webpack学习笔记之代码分割和按需加载的实例详解
2017/07/20 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
JS正则表达式常见用法实例详解
2018/06/19 Javascript
vue router 配置路由的方法
2018/07/26 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
[03:27]《辉夜杯》线下训练营 导师CU和海涛指点迷津
2015/10/23 DOTA
[55:39]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第二场 1月19日
2021/03/11 DOTA
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
用Python创建声明性迷你语言的教程
2015/04/13 Python
Python中optparser库用法实例详解
2018/01/26 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
pytorch GAN伪造手写体mnist数据集方式
2020/01/10 Python
基于python实现判断字符串是否数字算法
2020/07/10 Python
新闻网站实习自我鉴定
2013/09/25 职场文书
社会保险接收函
2014/01/12 职场文书
三八红旗集体先进事迹材料
2014/05/22 职场文书
义诊活动通知
2015/04/24 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python
配置Kubernetes外网访问集群
2022/03/31 Servers
Python实现双向链表
2022/05/25 Python