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实现禁止后退的方法
Dec 27 Javascript
JavaScript的9个陷阱及评点分析
May 16 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
Aug 26 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
js实现的类似于asp数据字典的数据类型代码实例
Sep 03 Javascript
轻松掌握JavaScript装饰者模式
Aug 27 Javascript
详解Vue 开发模式下跨域问题
Jun 06 Javascript
JS函数节流和函数防抖问题分析
Dec 18 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
Apr 22 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 Javascript
windows下create-react-app 升级至3.3.1版本踩坑记
Feb 17 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
深入eAccelerator与memcached的区别详解
2013/06/06 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
jQuery学习5 jQuery事件模型
2010/02/07 Javascript
通过jQuery源码学习javascript(一)
2012/12/27 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
一个非常全面的javascript URL解析函数和分段URL解析方法
2014/04/12 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
浅谈Angular6的服务和依赖注入
2018/06/27 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
Vue关于组件化开发知识点详解
2020/05/13 Javascript
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
使用Python解析JSON数据的基本方法
2015/10/15 Python
Python网络爬虫项目:内容提取器的定义
2016/10/25 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
使用Python和xlwt向Excel文件中写入中文的实例
2018/04/21 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
Python可迭代对象操作示例
2019/05/07 Python
Python 模拟生成动态产生验证码图片的方法
2020/02/01 Python
Fabletics官网:美国运动服饰品牌,由好莱坞女演员凯特·哈德森创立
2019/10/19 全球购物
2014年元旦感言
2014/03/06 职场文书
离婚协议书范本2014
2014/10/27 职场文书
2014年班务工作总结
2014/12/02 职场文书
员工家属慰问信
2015/03/24 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
新学期开学标语2015
2015/07/16 职场文书
python - asyncio异步编程
2021/04/06 Python
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS
mysql中varchar类型的日期进行比较、排序等操作的实现
2021/11/17 MySQL
如何优化vue打包文件过大
2022/04/13 Vue.js