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 相关文章推荐
学习jquery之一
Apr 27 Javascript
javascript xml为数据源的下拉框控件
Jul 07 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
Jun 26 Javascript
JavaScript instanceof 的使用方法示例介绍
Oct 23 Javascript
jQuery 回调函数(callback)的使用和基础
Feb 26 Javascript
JavaScript面向对象分层思维全面解析
Nov 22 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
原生JS实现N级菜单的代码
May 21 Javascript
微信小程序实现tab和swiper切换结合效果
Jul 17 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
Sep 14 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
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 变量未定义等错误的解决方法
2011/01/12 PHP
Yii2框架数据库简单的增删改查语法小结
2016/08/31 PHP
动态加载iframe
2006/06/16 Javascript
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
jqGrid jQuery 表格插件测试代码
2011/08/23 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
2013/12/24 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
VueJs单页应用实现微信网页授权及微信分享功能示例
2017/07/26 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
vue项目中实现缓存的最佳方案详解
2019/07/11 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
JavaScript indexOf()原理及使用方法详解
2020/07/09 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
详解webpack的clean-webpack-plugin插件报错
2020/10/16 Javascript
Python库urllib与urllib2主要区别分析
2014/07/13 Python
Python中一些自然语言工具的使用的入门教程
2015/04/13 Python
Python实现二维数组输出为图片
2018/04/03 Python
详解flask表单提交的两种方式
2018/07/21 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
Python设计模式之简单工厂模式实例详解
2019/01/22 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
Matplotlib animation模块实现动态图
2021/02/25 Python
来自南加州灵感的工作和娱乐服装:TravisMathew
2019/05/01 全球购物
Book Depository欧盟:一家领先的国际图书零售商
2019/05/21 全球购物
英国最好的温室之家:Greenhouses Direct
2019/07/13 全球购物
Android笔试题总结
2014/11/29 面试题
广告宣传策划方案
2014/05/21 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
工地材料员岗位职责
2015/04/11 职场文书
热血教师观后感
2015/06/10 职场文书
婚礼双方父亲致辞
2015/07/27 职场文书
python如何在word中存储本地图片
2021/04/07 Python
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python