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提交并解析后台返回的XML的代码
Nov 03 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
基于jquery ui的alert,confirm方案(支持换肤)
Apr 03 Javascript
JS如何判断json是否为空
Jul 06 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
微信小程序 页面跳转传参详解
Oct 28 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
详解@angular/cli 改变默认启动端口两种方式
Nov 29 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
Mar 13 Javascript
Vue 请求传公共参数的操作
Jul 31 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 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 第三节 变量介绍
2012/04/28 PHP
PHP中数组转换为SimpleXML教程
2019/01/27 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
JS backgroundImage控制
2009/05/19 Javascript
jQuery 性能优化指南 (1)
2009/05/21 Javascript
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
详解Node.js 中使用 ECDSA 签名遇到的坑
2018/11/26 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
2019/01/24 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
2019/06/26 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
利用Fn.py库在Python中进行函数式编程
2015/04/22 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
解决python2.7用pip安装包时出现错误的问题
2017/01/23 Python
Python操作csv文件实例详解
2017/07/31 Python
python flask实现分页的示例代码
2018/08/02 Python
python获取磁盘号下盘符步骤详解
2019/06/19 Python
pytorch 实现在预训练模型的 input上增减通道
2020/01/06 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
金融事务专业求职信
2014/04/25 职场文书
公路绿化方案
2014/05/12 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL
MongoDB支持的数据类型
2022/04/11 MongoDB