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 相关文章推荐
javascript 常用关键字列表集合
Dec 04 Javascript
用JQuery实现表格隔行变色和突出显示当前行的代码
Feb 10 Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 Javascript
如何获取网站icon有哪些可行的方法
Jun 05 Javascript
Javascript中的Prototype到底是什么
Feb 16 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
javascript运算符语法全面概述
Jul 14 Javascript
JS面试题---关于算法台阶的问题
Jul 26 Javascript
jQuery属性选择器用法示例
Sep 09 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
BootStrap Select清除选中的状态恢复默认状态
Jun 20 Javascript
微信小程序之发送短信倒计时功能
Aug 30 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的库,结果发现很多东西
2006/12/31 PHP
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
PHP模块 Memcached功能多于Memcache
2011/06/14 PHP
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
javascript动态加载三
2012/08/22 Javascript
jquery实现的导航固定效果
2014/04/28 Javascript
js实现局部页面打印预览原理及示例代码
2014/07/03 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
Angularjs注入拦截器实现Loading效果
2015/12/28 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
2017/12/20 Javascript
React Native基础入门之调试React Native应用的一小步
2018/07/02 Javascript
基于Vue-cli快速搭建项目的完整步骤
2018/11/03 Javascript
vue+webpack中配置ESLint
2018/11/07 Javascript
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
vue实现二级导航栏效果
2019/10/19 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
Python使用回溯法子集树模板解决迷宫问题示例
2017/09/01 Python
Python处理CSV与List的转换方法
2018/04/19 Python
Python实战购物车项目的实现参考
2019/02/20 Python
python 公共方法汇总解析
2019/09/16 Python
python使用numpy实现直方图反向投影示例
2020/01/17 Python
Python matplotlib可视化实例解析
2020/06/01 Python
详解Python直接赋值,深拷贝和浅拷贝
2020/07/09 Python
HTML5实现多张图片上传功能
2016/03/11 HTML / CSS
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
GANT英国官方网上商店:甘特衬衫
2018/02/06 全球购物
销售业务实习自我鉴定
2013/09/23 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
如何写通讯稿
2015/07/22 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL