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 相关文章推荐
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
Sep 06 Javascript
javascript获取四位数字或者字母的随机数
Jan 09 Javascript
jQuery操作DOM之获取表单控件的值
Jan 23 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
浅析JS运动
Dec 28 Javascript
解决JS外部文件中文注释出现乱码问题
Jul 09 Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 Javascript
js实现菜单跳转效果
Dec 11 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 文件状态缓存带来的问题
2008/12/14 PHP
CURL状态码列表(详细)
2013/06/27 PHP
php使用sql server验证连接数据库的方法
2014/12/25 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
Laravel重写用户登录简单示例
2016/10/08 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
PHP实现更改hosts文件的方法示例
2017/08/08 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
动态加载js文件 document.createElement
2006/10/14 Javascript
(jQuery,mootools,dojo)使用适合自己的编程别名命名
2010/09/14 Javascript
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
JS中生成随机数的用法及相关函数
2016/01/09 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
fullPage.js和CSS3实现全屏滚动效果
2017/05/05 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
Python 使用多属性来进行排序
2019/09/01 Python
Django 允许局域网中的机器访问你的主机操作
2020/05/13 Python
python 代码实现k-means聚类分析的思路(不使用现成聚类库)
2020/06/01 Python
Html5游戏开发之乒乓Ping Pong游戏示例(二)
2013/01/21 HTML / CSS
分布式数据库需要考虑哪些问题
2013/12/08 面试题
数据管理员的自我评价分享
2013/11/15 职场文书
历史教育专业个人求职信
2013/12/13 职场文书
班级旅游计划书
2014/05/03 职场文书
教师个人事迹材料
2014/12/17 职场文书
人事文员岗位职责
2015/02/04 职场文书
信用卡收入证明范本
2015/06/12 职场文书
解析python中的jsonpath 提取器
2022/01/18 Python
德生TECSUN S-2000使用手册文字版
2022/05/10 无线电