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 相关文章推荐
从URL中提取参数与将对象转换为URL查询参数的实现代码
Jan 12 Javascript
jQuery 获取和设置select下拉框的值实现代码
Nov 08 Javascript
Javascript中this关键字的一些小知识
Mar 15 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
Aug 20 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
JS实现的类似微信聊天效果示例
Jan 29 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
Sep 11 Javascript
Vue.js实现立体计算器
Feb 22 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
Sep 01 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
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
微信自定义菜单的创建/查询/取消php示例代码
2016/08/05 PHP
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
2010/03/12 Javascript
快速排序 php与javascript的不同之处
2011/02/22 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
关于锚点跳转及jQuery下相关操作与插件
2012/10/01 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
如何判断鼠标是否在DIV的区域内
2013/11/13 Javascript
再JavaScript的jQuery库中编写动画效果的指南
2015/08/13 Javascript
卸载安装Node.js与npm过程详解
2016/08/15 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
微信小程序JS加载esmap地图的实例详解
2019/09/04 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
2019/10/23 Javascript
vue中@change兼容问题详解
2019/10/25 Javascript
微信小程序实现手指拖动选项排序
2020/04/22 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
Python重新引入被覆盖的自带function
2014/07/16 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
Python爬虫包BeautifulSoup异常处理(二)
2018/06/17 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
django框架单表操作之增删改实例分析
2019/12/16 Python
Python-jenkins模块获取jobs的执行状态操作
2020/05/12 Python
django正续或者倒序查库实例
2020/05/19 Python
python利用faker库批量生成测试数据
2020/10/15 Python
初探CSS3中的calc()功能
2015/07/14 HTML / CSS
HTML5实现分享到微信好友朋友圈QQ好友QQ空间微博二维码功能
2018/01/03 HTML / CSS
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
世嘉游戏英国官方商店:SEGA Shop UK
2019/09/20 全球购物
个人综合鉴定材料
2014/05/23 职场文书
教师查摆问题及整改措施
2014/10/11 职场文书
民主评议党员总结
2014/10/20 职场文书
市场营销计划书
2015/01/17 职场文书
深入理解python多线程编程
2021/04/18 Python
pyqt5蒙版遮罩mask,setmask的使用
2021/06/11 Python