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 相关文章推荐
在JavaScript中使用inline函数的问题
Mar 08 Javascript
juqery 学习之四 筛选查找
Nov 30 Javascript
基于Jquery实现的一个图片滚动切换
Jun 21 Javascript
JS的location.href跳出框架打开新页面的方法
Sep 04 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
js实现tab切换效果实例
Sep 16 Javascript
jQuery简单注册和禁用全局事件的方法
Jul 25 Javascript
JS利用cookies设置每隔24小时弹出框
Apr 20 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
Sep 20 Javascript
vuejs实现标签选项卡动态更改css样式的方法
May 31 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
解决vue admin element noCache设置无效的问题
Nov 12 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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
融入意大利的咖啡文化
2021/03/03 咖啡文化
用PHP和ACCESS写聊天室(六)
2006/10/09 PHP
php UTF-8、Unicode和BOM问题
2010/05/18 PHP
php根据身份证号码计算年龄的实例代码
2014/01/18 PHP
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
PHP中Array相关函数简介
2016/07/03 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
jQuery 全选效果实现代码
2009/03/23 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
jQuery实现类似淘宝网图片放大效果的方法
2015/07/08 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
JS组件Bootstrap按钮组与下拉按钮详解
2016/05/10 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
详解.vue文件中监听input输入事件(oninput)
2017/09/19 Javascript
Python库urllib与urllib2主要区别分析
2014/07/13 Python
python GUI实例学习
2017/11/21 Python
Python中类的初始化特殊方法
2017/12/01 Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
2017/12/12 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
python安装twisted的问题解析
2018/08/21 Python
Python 字符串、列表、元组的截取与切片操作示例
2019/09/17 Python
520使用Python实现“我爱你”表白
2020/05/20 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
Python getsizeof()和getsize()区分详解
2020/11/20 Python
html5 canvas 画图教程案例分析
2012/11/23 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
优瑞自动咖啡机官网:Jura
2018/09/29 全球购物
建筑班组长岗位职责
2014/01/02 职场文书
酒店总经理欢迎词
2014/01/08 职场文书
诉讼代理人授权委托书
2014/10/11 职场文书
2015年12.4全国法制宣传日活动总结
2015/03/24 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
springboot拦截器无法注入redisTemplate的解决方法
2021/06/27 Java/Android
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL