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 相关文章推荐
执行iframe中的javascript方法
Oct 07 Javascript
纯JS实现的批量图片预览加载功能
Aug 14 Javascript
jquery offset函数应用实例
Nov 14 Javascript
网页中返回顶部代码(多种方法)另附注释说明
Apr 24 Javascript
jquery 触发a链接点击事件解决方案
May 02 Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
基于jquery插件编写countdown计时器
Jun 12 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
jQuery使用bind动态绑定事件无效的处理方法
Dec 11 jQuery
从0到1搭建element后台框架优化篇(打包优化)
May 12 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
PHP之COOKIE支持详解
2010/09/20 PHP
php设计模式 State (状态模式)
2011/06/26 PHP
Admin generator, filters and I18n
2011/10/06 PHP
PHP原生模板引擎 最简单的模板引擎
2012/04/25 PHP
PHP中防止SQL注入方法详解
2014/12/25 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
Composer设置忽略版本匹配的方法
2016/04/27 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
风吟的小型JavaScirpt库 (FY.JS).
2010/03/09 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
2016/08/11 Javascript
JavaScript函数基础详解
2017/02/03 Javascript
SVG描边动画
2017/02/23 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
NodeJS处理Express中异步错误
2017/03/26 NodeJs
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
2017/05/18 Javascript
微信小程序上传文件到阿里OSS教程
2019/05/20 Javascript
Python文档生成工具pydoc使用介绍
2015/06/02 Python
在Django的视图(View)外使用Session的方法
2015/07/23 Python
python学习教程之使用py2exe打包
2017/09/24 Python
Python3实战之爬虫抓取网易云音乐的热门评论
2017/10/09 Python
Python DataFrame 设置输出不显示index(索引)值的方法
2018/06/07 Python
5分钟 Pipenv 上手指南
2018/12/20 Python
pytorch numpy list类型之间的相互转换实例
2019/08/18 Python
python3中rank函数的用法
2019/11/27 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
python re模块匹配贪婪和非贪婪模式详解
2020/02/11 Python
电气工程自动化求职信
2014/03/14 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
跑操口号
2014/06/12 职场文书
感谢信的格式
2015/01/21 职场文书
大学生村官个人总结
2015/02/15 职场文书
2016党员干部政治学习心得体会
2016/01/23 职场文书
python基于opencv批量生成验证码的示例
2021/04/28 Python