jquery操作select方法汇总


Posted in Javascript onFebruary 05, 2015

本文实例汇总了jquery操作select的方法。分享给大家供大家参考。具体如下:

jQuery获取Select选择的Text和Value:     

语法解释:

$("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发

var checkText=$("#select_id").find("option:selected").text();//获取Select选择的Text

var checkValue=$("#select_id").val();//获取Select选择的Value

var checkIndex=$("#select_id ").get(0).selectedIndex;//获取Select选择的索引值

var maxIndex=$("#select_id option:last").attr("index");//获取Select最大的索引值

jQuery设置Select选择的Text和Value:      

语法解释:

$("#select_id ").get(0).selectedIndex=1;//设置Select索引值为1的项选中

$("#select_id ").val(4);//设置Select的Value值为4的项选中

$("#select_id option[text='jQuery']").attr("selected", true);//设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:

语法解释:      

$("#select_id").append("<option value='Value'>Text</option>");//为Select追加一个Option(下拉项)

$("#select_id").prepend("<option value='0'>请选择</option>");//为Select插入一个Option(第一个位置)

$("#select_id option:last").remove();//删除Select中索引值最大Option(最后一个)

$("#select_id option[index='0']").remove();//删除Select中索引值为0的Option(第一个)

$("#select_id option[value='3']").remove();//删除Select中Value='3'的Option 

$("#select_id option[text='4']").remove();//删除Select中Text='4'的Option

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript背投广告代码的完善
Apr 08 Javascript
点图片上一页下一页翻页效果
Jul 09 Javascript
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 Javascript
javascript 延迟加载技术(lazyload)简单实现
Jan 17 Javascript
JS读取cookies信息(记录用户名)
Jan 10 Javascript
JS实现图片横向滚动效果示例代码
Sep 04 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
点击页面其它地方隐藏该div的两种思路
Nov 18 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
react-router4 嵌套路由的使用方法
Jul 24 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
Sep 04 Javascript
js消除图片小游戏代码
Dec 11 Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 #Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 #Javascript
js中hash和ico的关联分析
Feb 05 #Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 #Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 #Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 #Javascript
Javascript数组操作函数总结
Feb 05 #Javascript
You might like
冰滴咖啡制作步骤
2021/03/03 冲泡冲煮
cakephp打印sql语句的方法
2015/02/13 PHP
php模拟服务器实现autoindex效果的方法
2015/03/10 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
Laravel学习教程之本地化模块
2017/08/18 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
thinkPHP5框架自定义验证器实现方法分析
2018/06/11 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
Javascript中正则表达式的全局匹配模式分析
2011/04/26 Javascript
php析构函数的具体用法小结
2014/03/11 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
2016/10/17 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
微信小程序之页面跳转和参数传递的实现
2017/09/29 Javascript
最简单的vue消息提示全局组件的方法
2019/06/16 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
详解JavaScript中new操作符的解析和实现
2020/09/04 Javascript
python实现的一只从百度开始不断搜索的小爬虫
2013/08/13 Python
安装python时MySQLdb报错的问题描述及解决方法
2018/03/20 Python
Django rest framework实现分页的示例
2018/05/24 Python
详解python中各种文件打开模式
2020/01/19 Python
python中pyplot基础图标函数整理
2020/11/10 Python
PyCharm2020.3.2安装超详细教程
2021/02/08 Python
学校领导班子对照检查材料
2014/09/24 职场文书
城镇居民医疗保险工作总结
2015/08/10 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书
CSS SandBox应用场景及常见问题
2022/06/25 HTML / CSS