jQuery增加、删除及修改select option的方法


Posted in Javascript onAugust 19, 2016

本文实例讲述了jQuery增加、删除及修改select option的方法。分享给大家供大家参考,具体如下:

jQuery获取Select选择的Text和Value:

1.

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

2.

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

3.

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

4.

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

jQuery添加/删除Select的Option项:

1.

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

2.

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

3.

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

4.

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

5.

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

6.

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

内容清空:

jQuery("#select_id").empty();

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

Javascript 相关文章推荐
JavaScript 设计模式 富有表现力的Javascript(一)
May 26 Javascript
jQuery 复合选择器应用的几个例子
Sep 11 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
Sep 04 Javascript
JavaScript中eval()函数用法详解
Dec 14 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
15位和18位身份证JS校验的简单实例
Jul 18 Javascript
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
Aug 15 Javascript
在vue中安装使用vux的教程详解
Sep 16 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
JS判断数组四种实现方法详解
Jun 29 Javascript
浅谈jquery设置和获得checkbox选中的问题
Aug 19 #Javascript
AngularJS入门教程之过滤器详解
Aug 19 #Javascript
js判断checkbox是否选中个数的方法(超简单)
Aug 19 #Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 #Javascript
js仿腾讯QQ的web登陆界面
Aug 19 #Javascript
基于WebUploader的文件上传js插件
Aug 19 #Javascript
JS获取checkbox的个数简单实例
Aug 19 #Javascript
You might like
ThinkPHP中RBAC类的四种用法分析
2014/11/24 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
PHP safe_mode开启对于PHP系统函数有什么影响
2020/11/10 PHP
js 页面输出值
2008/11/30 Javascript
基于jquery的多功能软键盘插件
2012/07/25 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
2016/06/13 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
JS对象深度克隆实例分析
2017/03/16 Javascript
详解Vue中状态管理Vuex
2017/05/11 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
详解关于微信setData回调函数中的坑
2019/02/18 Javascript
[01:28:31]《加油DOTA》真人秀 第五期
2014/09/01 DOTA
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
python实现中文分词FMM算法实例
2015/07/10 Python
Python实现购物车功能的方法分析
2017/11/10 Python
Python中常见的异常总结
2018/02/20 Python
PyTorch线性回归和逻辑回归实战示例
2018/05/22 Python
python实现机器学习之元线性回归
2018/09/06 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
Python 获取numpy.array索引值的实例
2019/12/06 Python
PyCharm2020.1.2社区版安装,配置及使用教程详解(Windows)
2020/08/07 Python
python两种获取剪贴板内容的方法
2020/11/06 Python
会计专业自荐信
2013/12/02 职场文书
校长就职演讲稿
2014/01/06 职场文书
在校大学生个人的自我评价
2014/02/13 职场文书
保护黄河倡议书
2014/05/16 职场文书
社区安全生产月活动总结
2014/07/05 职场文书
2014年国庆节庆祝建国65周年比赛演讲稿
2014/09/21 职场文书
初中班级口号霸气押韵
2015/12/24 职场文书
python如何利用cv2模块读取显示保存图片
2021/06/04 Python
python自动化八大定位元素讲解
2021/07/09 Python
ICOM R71E和R72E图文对比解说
2022/04/07 无线电