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 相关文章推荐
个人总结的一些关于String、Function、Array的属性和用法
Jan 10 Javascript
JavaScript Eval 函数使用
Mar 23 Javascript
JS特权方法定义作用以及与公有方法的区别
Mar 18 Javascript
使用jquery.upload.js实现异步上传示例代码
Jul 29 Javascript
Javascript 基础---Ajax入门必看
Jul 06 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
protractor的安装与基本使用教程
Jul 07 Javascript
node 利用进程通信实现Cluster共享内存
Oct 27 Javascript
vue 设置路由的登录权限的方法
Jul 03 Javascript
vue+axios+mock.js环境搭建的方法步骤
Aug 28 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
OpenLayers3实现图层控件功能
Sep 25 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 sprintf()函数用例解析
2011/05/18 PHP
浅谈PHP中单引号和双引号到底有啥区别呢?
2015/03/04 PHP
使用PHP similar text计算两个字符串相似度
2015/11/06 PHP
php微信公众平台开发之微信群发信息
2016/09/13 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
Laravel 中使用简单的方法跟踪用户是否在线(推荐)
2019/10/30 PHP
使用jquery动态加载javascript以减少服务器压力
2012/10/29 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
json格式的时间显示为正常年月日的方法
2013/09/08 Javascript
js控制input框只读实现示例
2014/01/20 Javascript
以Python代码实例展示kNN算法的实际运用
2015/10/26 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
JS实现动画兼容性的transition和transform实例分析
2016/12/13 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
React学习笔记之列表渲染示例详解
2017/08/22 Javascript
JS中的回调函数实例浅析
2018/03/21 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
[01:15:12]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#4Newbee VS CDEC
2016/03/03 DOTA
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
Python 生成器,迭代,yield关键字,send()传参给yield语句操作示例
2019/10/12 Python
Python selenium的基本使用方法分析
2019/12/21 Python
使用Python内置模块与函数进行不同进制的数的转换
2020/04/26 Python
Django之腾讯云短信的实现
2020/06/12 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
数控专业个人求职信范文
2014/02/05 职场文书
售后求职信范文
2014/03/15 职场文书
校庆活动策划方案
2014/06/05 职场文书
关于读书的演讲稿500字
2014/08/27 职场文书
500字作文之难忘的同学
2019/12/20 职场文书
SQL Server查询某个字段在哪些表中存在
2022/03/03 SQL Server
python中mongodb包操作数据库
2022/04/19 Python
Typescript类型系统FLOW静态检查基本规范
2022/05/25 Javascript
python单向链表实例详解
2022/05/25 Python