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 相关文章推荐
利用js跨页面保存变量做菜单的方法
Jan 17 Javascript
js简单实现竖向tab选项卡的方法
May 04 Javascript
javascript单页面手势滑屏切换原理详解
Mar 21 Javascript
不间断循环滚动效果的实例代码(必看篇)
Oct 08 Javascript
JavaScript获取URL参数的方法之一
Mar 24 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
用React-Native+Mobx做一个迷你水果商城APP(附源码)
Dec 25 Javascript
vue中的mescroll搜索运用及各种填坑处理
Oct 30 Javascript
vuex存储token示例
Nov 11 Javascript
vue项目中极验验证的使用代码示例
Dec 03 Javascript
Vue实现省市区三级联动
Dec 27 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
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
php xml文件操作代码(一)
2009/03/20 PHP
PHP实现更新中间关联表数据的两种方法
2014/09/01 PHP
php提取字符串中网站url地址的方法
2014/12/03 PHP
用PHP代码给图片加水印
2015/07/01 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
拖拉表格的JS函数
2008/11/20 Javascript
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
通用javascript代码判断版本号是否在版本范围之间
2015/11/29 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
jQuery表单事件实例代码分享
2016/08/18 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
jQuery实现锚点向下平滑滚动特效示例
2017/08/29 jQuery
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
10 种最常见的 Javascript 错误(频率最高)
2018/02/08 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
2018/08/28 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
微信小程序手动添加收货地址省市区联动
2020/05/18 Javascript
[34:41]夜魇凡尔赛茶话会 第二期02:你画我猜
2021/03/11 DOTA
Python类的多重继承问题深入分析
2014/11/09 Python
python xml.etree.ElementTree遍历xml所有节点实例详解
2016/12/04 Python
PyCharm代码整体缩进,反向缩进的方法
2018/06/25 Python
深入浅析Python 中的sklearn模型选择
2019/10/12 Python
python+requests实现接口测试的完整步骤
2020/10/27 Python
Adobe Html5 Extension开发初体验图文教程
2017/11/14 HTML / CSS
Sephora丝芙兰菲律宾官方网站:购买化妆品和护肤品
2017/04/05 全球购物
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
2014年公务员个人工作总结
2014/11/22 职场文书
《莫泊桑拜师》教学反思
2016/02/22 职场文书