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 触发事件列表 比较不错
Sep 03 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
JS实现点击登录弹出窗口同时背景色渐变动画效果
Mar 25 Javascript
基于Node.js + WebSocket打造即时聊天程序嗨聊
Nov 29 Javascript
浅谈html转义及防止javascript注入攻击的方法
Dec 04 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
利用jQuery异步上传文件的插件用法详解
Jul 19 jQuery
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
Dec 09 Javascript
解决layui的form里的元素进行动态生成,验证失效的问题
Sep 14 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生成静态页面详解
2006/11/19 PHP
php 模拟POST|GET操作实现代码
2010/07/20 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
php+html5+ajax实现上传图片的方法
2016/05/14 PHP
基于jquery的不规则矩形的排列实现代码
2012/04/16 Javascript
javascript五图轮播切换实用版
2012/08/17 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
2013/01/24 Javascript
json的定义、标准格式及json字符串检验
2014/05/11 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
js图片上传的封装代码
2017/08/01 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
2017/08/17 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
Nuxt.js实战详解
2018/01/18 Javascript
浅谈Koa2框架利用CORS完成跨域ajax请求
2018/03/06 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
2020/01/04 Javascript
[01:11]辉夜杯战队访谈宣传片—CDEC.Y
2015/12/26 DOTA
Python django框架输入汉字,数字,字符生成二维码实现详解
2019/09/24 Python
python+selenium定时爬取丁香园的新型冠状病毒数据并制作出类似的地图(部署到云服务器)
2020/02/09 Python
基于Python快速处理PDF表格数据
2020/06/03 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
python如何操作mysql
2020/08/17 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
python爬虫爬取图片的简单代码
2021/01/18 Python
Python中Qslider控件实操详解
2021/02/20 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
Java的类可以定义为Protected或者Private得吗
2015/09/25 面试题
文秘档案管理岗位职责
2014/03/06 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
夫妻婚内购房协议书
2014/10/05 职场文书
高中家长意见怎么写
2015/06/03 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书
Python selenium模拟网页点击爬虫交管12123违章数据
2021/05/26 Python
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers
python读取mat文件生成h5文件的实现
2022/07/15 Python