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函数验证总结(方便js客户端输入验证)
Oct 29 Javascript
js控制表单操作的常用代码小结
Aug 15 Javascript
jQuery前端分页示例分享
Feb 10 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
Jan 13 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
Vue精简版风格概述
Jan 30 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
vue实现按钮切换图片
Jan 20 Vue.js
Javascript webpack动态import
Apr 19 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
用PHP的ob_start();控制您的浏览器cache!
2006/11/25 PHP
php gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
PHP也能干大事之PHP中的编码解码详解
2015/04/20 PHP
PHP中的数组处理函数实例总结
2016/01/09 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
Javascript 强制类型转换函数
2009/05/17 Javascript
jquery easyui combox一些实用的小方法
2013/12/25 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
详解jQuery插件开发方式
2016/11/22 Javascript
js判断手机系统是android还是ios
2017/03/07 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
laydate日历控件使用方法详解
2017/11/20 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
详解Vue.js在页面加载时执行某个方法
2018/11/20 Javascript
js实现按钮开关单机下拉菜单效果
2018/11/22 Javascript
[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局
2016/02/25 DOTA
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
对PyTorch torch.stack的实例讲解
2018/07/30 Python
在Python中增加和插入元素的示例
2018/11/01 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
PyTorch安装与基本使用详解
2020/08/31 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
澳大利亚正品化妆品之家:Cosmetic Capital
2017/07/03 全球购物
大学生实习自我鉴定
2013/12/11 职场文书
社会保险接收函
2014/01/12 职场文书
太太口服液广告词
2014/03/20 职场文书
安全技术说明书
2014/05/09 职场文书
小学思品教学反思
2016/02/20 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL
PostgreSQL解析URL的方法
2021/08/02 PostgreSQL
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA