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 预解析
Oct 25 Javascript
jquery延迟加载外部js实现代码
Jan 11 Javascript
下载文件个别浏览器文件名乱码解决办法
Mar 19 Javascript
js获取某月的最后一天日期的简单实例
Jun 22 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
js比较日期大小的方法
May 12 Javascript
微信小程序 Page()函数详解
Oct 17 Javascript
简单实现node.js图片上传
Dec 18 Javascript
手机端转换rem适应
Apr 01 Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
Mar 22 Javascript
vue使用echarts画组织结构图
Feb 06 Vue.js
浅谈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脚本[带参数]的方法
2010/01/22 PHP
php垃圾代码优化操作代码
2010/08/05 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
ext checkboxgroup 回填数据解决
2009/08/21 Javascript
jquery 中多条件选择器,相对选择器,层次选择器的区别
2012/07/03 Javascript
Javascript this 的一些学习总结
2012/08/31 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
jQuery实现带延迟的二级tab切换下拉列表效果
2015/09/01 Javascript
JS处理json日期格式化问题
2015/10/01 Javascript
基于jQuery Ajax实现上传文件
2016/03/24 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
详谈js对url进行编码和解码(三种方式的区别)
2017/08/16 Javascript
js实现微信聊天界面
2020/08/09 Javascript
[05:24]TI9采访——教练
2019/08/24 DOTA
Python3实现生成随机密码的方法
2014/08/23 Python
使用Python中的greenlet包实现并发编程的入门教程
2015/04/16 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
python3实现zabbix告警推送钉钉的示例
2019/02/20 Python
python使用PyQt5的简单方法
2019/02/27 Python
django+echart数据动态显示的例子
2019/08/12 Python
使用Python爬虫库requests发送表单数据和JSON数据
2020/01/25 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
使用tensorflow框架在Colab上跑通猫狗识别代码
2020/04/26 Python
将tf.batch_matmul替换成tf.matmul的实现
2020/06/18 Python
keras 自定义loss model.add_loss的使用详解
2020/06/22 Python
美国排名第一的在线葡萄酒商店:Wine.com
2016/09/07 全球购物
建筑工地质量标语
2014/06/12 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
个人自查自纠材料
2014/10/14 职场文书
个人借款协议书范本
2014/11/17 职场文书
个人廉洁自律总结
2015/03/06 职场文书
简单介绍Python的第三方库yaml
2021/06/18 Python
Python函数式编程中itertools模块详解
2021/09/15 Python