jQuery 对Select的操作备忘记录


Posted in Javascript onJuly 04, 2011

jQuery获取Select选择的Text和Value:

语法解释:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery设置Select选择的Text和Value:

语法解释:
1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $("#select_id ").val(4); //设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:

语法解释:
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
6. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

Javascript 相关文章推荐
jQuery-Tools-overlay 使用介绍
Jul 14 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
Jan 28 Javascript
基于JavaScript实现弹出框效果
Feb 19 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
Jul 14 Javascript
Node.js  事件循环详解及实例
Aug 06 Javascript
Angularjs中date过滤器失效的问题及解决方法
Jul 06 Javascript
jQuery zTree插件使用简单教程
Aug 16 jQuery
WEB前端性能优化的7大手段详解
Feb 04 Javascript
vue实现下拉菜单树
Oct 22 Javascript
javascript开发技术大全 第4章 直接量与字符集
Jul 03 #Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 #Javascript
javascript开发技术大全-第1章javascript概述
Jul 03 #Javascript
js 字符串转化成数字的代码
Jun 29 #Javascript
js的一些常用方法小结
Jun 29 #Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 #Javascript
Extjs TimeField 显示正常时间格式的代码
Jun 28 #Javascript
You might like
php 函数使用方法与函数定义方法
2010/05/09 PHP
php中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
PHP脚本监控Nginx 502错误并自动重启php-fpm
2015/05/13 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
YII2框架中behavior行为的理解与使用方法示例
2020/03/13 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
Alliance vs AM BO3 第一场2.13
2021/03/10 DOTA
基于jquery的下拉框改变动态添加和删除表格实现代码
2020/09/12 Javascript
xml转json的js代码
2012/08/28 Javascript
javascript实用小函数使用介绍
2013/11/11 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
原生js实现移动开发轮播图、相册滑动特效
2015/04/17 Javascript
jquery图片滚动放大代码分享(1)
2015/08/25 Javascript
jQuery插件zTree实现删除树节点的方法示例
2017/03/08 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
微信小程序自定义多选事件的实现代码
2018/05/17 Javascript
微信小程序实现提交input信息到后台的方法示例
2019/01/19 Javascript
微信小程序点餐系统开发常见问题汇总
2019/08/06 Javascript
[08:07]DOTA2每周TOP10 精彩击杀集锦vol.8
2014/06/25 DOTA
Python 中的 else详解
2016/04/23 Python
Python备份目录及目录下的全部内容的实现方法
2016/06/12 Python
python常用知识梳理(必看篇)
2017/03/23 Python
Python之str操作方法(详解)
2017/06/19 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
HTML5 实战PHP之Web页面表单设计
2011/10/09 HTML / CSS
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
全球酒店预订网站:Hotels.com
2016/08/10 全球购物
流行文化收藏品:Sideshow(DC漫画,星球大战,漫威)
2019/03/17 全球购物
远程调用的原理
2014/07/05 面试题
现代化办公人员工作的自我评价
2013/10/16 职场文书
大学生学业生涯规划
2014/01/05 职场文书
给领导的检讨书
2014/02/16 职场文书
项目投资意向书
2014/04/01 职场文书
旅游文化节策划方案
2014/06/06 职场文书
学校四风对照检查材料
2014/08/28 职场文书