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 相关文章推荐
Javascript实现的鼠标经过时播放声音
May 18 Javascript
Node.js 学习笔记之简介、安装及配置
Mar 03 Javascript
浅谈jQuery中replace()方法
May 13 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
Jun 23 Javascript
JavaScript学习笔记之取数组中最大值和最小值
Mar 23 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
JS闭包用法实例分析
Mar 27 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
Jul 17 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
Jan 23 jQuery
微信小程序实现自定义加载图标功能
Jul 19 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
es5 类与es6中class的区别小结
Nov 09 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
关于二级目录拖拽排序的实现(源码示例下载)
2013/04/26 PHP
php判断ip黑名单程序代码实例
2014/02/24 PHP
PHP获取当前时间不准确问题解决方案
2020/08/14 PHP
jquery ready函数源代码研究
2009/12/06 Javascript
javaScript复制功能调用实现方案
2012/12/13 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
2018/03/08 Javascript
详解使用 Node.js 开发简单的脚手架工具
2018/06/08 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
layui实现给某一列加点击事件
2019/10/26 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
返回上一个url并刷新界面的js代码
2020/09/12 Javascript
详解Python3.1版本带来的核心变化
2015/04/07 Python
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
在python中bool函数的取值方法
2018/11/01 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
Ubuntu下Anaconda和Pycharm配置方法详解
2019/06/14 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
mac使用python识别图形验证码功能
2020/01/10 Python
Python3实现监控新型冠状病毒肺炎疫情的示例代码
2020/02/13 Python
Python脚本如何在bilibili中查找弹幕发送者
2020/06/04 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
常用的HTML5列表标签
2017/06/20 HTML / CSS
遮罩层 + Iframe实现界面自动显示的示例代码
2020/04/26 HTML / CSS
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
2015年元旦演讲稿
2014/09/12 职场文书
学校食堂标语
2014/10/06 职场文书
2014年机关作风建设工作总结
2014/10/23 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers
i5-10400f处理相当于i7多少水平
2022/04/19 数码科技