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 12 Javascript
如何制作浮动广告 JavaScript制作浮动广告代码
Dec 30 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
Jun 04 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
Feb 26 Javascript
一篇文章掌握RequireJS常用知识
Jan 26 Javascript
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
JS实现在文本指定位置插入内容的简单示例
Dec 22 Javascript
详解小程序input框失焦事件在提交事件前的处理
May 05 Javascript
基于javascript实现贪吃蛇小游戏
Nov 25 Javascript
prettier自动格式化去换行的实现代码
Aug 25 Javascript
JS实现购物车基本功能
Nov 08 Javascript
使用webpack5从0到1搭建一个react项目的实现步骤
Dec 16 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
玛琪朵 Macchiato
2021/03/03 咖啡文化
win7 64位系统 配置php最新版开发环境(php+Apache+mysql)
2014/08/15 PHP
微信公众平台实现获取用户OpenID的方法
2015/04/15 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
JavaScript 学习笔记(十五)
2010/01/28 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
JS中的public和private对象,即static修饰符
2012/01/18 Javascript
解析Javascript小括号“()”的多义性
2013/12/03 Javascript
javascript弹出层输入框(示例代码)
2013/12/11 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
最全面的JS倒计时代码
2016/09/17 Javascript
基于JavaScript实现验证码功能
2017/04/01 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
Mac下通过brew安装指定版本的nodejs教程
2018/05/17 NodeJs
详解JavaScript事件循环机制
2018/09/07 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
在 Django/Flask 开发服务器上使用 HTTPS
2014/07/03 Python
在Python中使用itertools模块中的组合函数的教程
2015/04/13 Python
python编程实现归并排序
2017/04/14 Python
python给视频添加背景音乐并改变音量的具体方法
2020/07/19 Python
Django nginx配置实现过程详解
2020/09/10 Python
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
大学运动会入场词
2014/02/22 职场文书
城市精细化管理实施方案
2014/03/04 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
干部考核评语
2014/04/29 职场文书
小学趣味运动会加油稿
2014/09/25 职场文书
个人四风问题对照检查材料
2014/10/01 职场文书
餐厅感恩节活动策划方案
2014/10/11 职场文书
总账会计岗位职责
2015/04/02 职场文书
幼儿园六一儿童节主持词
2015/06/30 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server