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 相关文章推荐
js function定义函数使用心得
Apr 15 Javascript
js 金额文本框实现代码
Feb 14 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
Node.js的包详细介绍
Jan 14 Javascript
jQuery实现表单步骤流程导航代码分享
Aug 28 Javascript
详解Javascript中的原型OOP
Oct 12 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
Angular4 Select选择改变事件的方法
Oct 09 Javascript
微信小程序封装自定义弹窗的实现代码
May 08 Javascript
javascript设计模式之装饰者模式
Jan 30 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
2006/12/13 PHP
PHP基于单例模式实现的mysql类
2016/01/09 PHP
php微信公众号开发之微信企业付款给个人
2018/10/04 PHP
mouse_on_title.js
2006/08/25 Javascript
jQuery 遍历json数组的实现代码
2020/09/22 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
iframe调用父页面函数示例详解
2014/07/17 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
使用jquery给新生的th绑定hover事件的实例
2017/02/10 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
JS实现的简单下拉框联动功能示例
2018/05/11 Javascript
当vue路由变化时,改变导航栏的样式方法
2018/08/22 Javascript
JavaScript实现身份证验证代码实例
2019/08/26 Javascript
vue 在methods中调用mounted的实现操作
2020/08/07 Javascript
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
Python中字符串的常见操作技巧总结
2016/07/28 Python
pygame游戏之旅 添加键盘按键的方法
2018/11/20 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
Python模块的制作方法实例分析
2019/12/21 Python
python实现斗地主分牌洗牌
2020/06/22 Python
eDreams意大利:南欧领先的在线旅行社
2018/11/23 全球购物
新加坡交友网站:be2新加坡
2019/04/10 全球购物
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
饭店工作计划书
2014/01/10 职场文书
交通局领导班子群众路线教育实践活动对照检查材料思想汇报
2014/10/09 职场文书
2015年重阳节主持词
2015/07/04 职场文书
辞职报告(范文三篇)
2019/08/27 职场文书
MongoDB数据库的安装步骤
2021/06/18 MongoDB
VMware虚拟机安装 Windows Server 2022的详细图文教程
2022/09/23 Servers