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 数据选择插件Pickerbox使用介绍
Aug 24 Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
node.js中的console.error方法使用说明
Dec 10 Javascript
js选项卡的实现方法
Feb 09 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
Dec 15 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
全面了解js中的script标签
Jul 04 Javascript
javascript中Date对象的使用总结
Nov 21 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
Jan 19 Javascript
Vue如何引入远程JS文件
Apr 20 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
Aug 16 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入门小知识
2008/03/24 PHP
input file获得文件根目录简单实现
2013/04/26 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
JavaScript 学习笔记(五)
2009/12/31 Javascript
根据表格中的某一列进行排序的javascript代码
2013/11/29 Javascript
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
2015/12/01 Javascript
纯js代码实现简单计算器
2015/12/02 Javascript
js实现图片无缝滚动特效
2020/03/19 Javascript
javascript实现下雪效果【实例代码】
2016/05/03 Javascript
JS hashMap实例详解
2016/05/26 Javascript
检查表单元素的值是否为空的实例代码
2016/06/16 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
让网站自动生成章节目录索引的多个js代码
2018/01/07 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
layui 弹出删除确认界面的实例
2019/09/06 Javascript
在layui中对table中的数据进行判断(0、1)转换为提示信息的方法
2019/09/28 Javascript
原生JS实现留言板
2020/03/26 Javascript
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
安装PyInstaller失败问题解决
2019/12/14 Python
Python将列表中的元素转化为数字并排序的示例
2019/12/25 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
英国最大的网上药品商店:Chemist Direct
2017/12/16 全球购物
Kathmandu美国网站:新西兰户外运动品牌
2019/03/23 全球购物
机关作风建设剖析材料
2014/10/11 职场文书
作文评语怎么写
2014/12/25 职场文书
人事主管岗位职责
2015/02/04 职场文书
质量负责人岗位职责
2015/02/15 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
css样式important规则的正确使用方式
2022/06/10 HTML / CSS
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript