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 相关文章推荐
mouse_on_title.js
Aug 25 Javascript
AlertBox 弹出层信息提示框效果实现步骤
Oct 11 Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
jquery实现两个图片渐变切换效果的方法
Jun 25 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
JavaScript实现带缓冲效果的随屏滚动漂浮广告代码
Nov 06 Javascript
基于javascript实现listbox左右移动
Jan 29 Javascript
JavaScript错误处理和堆栈追踪详解
Apr 18 Javascript
Vue2.0 vue-source jsonp 跨域请求
Aug 04 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
VUE实现密码验证与提示功能
Oct 18 Javascript
如何管理Vue中的缓存页面
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
Zend Studio 无法启动的问题解决方法
2008/12/04 PHP
php 无限分类的树类代码
2009/12/03 PHP
javascript 词法作用域和闭包分析说明
2010/08/12 Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
2014/12/18 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
2015/08/05 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
2015/12/15 Javascript
WordPress中利用AJAX异步获取评论用户头像的方法
2016/01/08 Javascript
利用jQuery实现CheckBox全选/全不选/反选的简单代码
2016/05/31 Javascript
require.js配合插件text.js实现最简单的单页应用程序
2016/07/12 Javascript
Angularjs 设置全局变量的方法总结
2016/10/20 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
Express URL跳转(重定向)的实现方法
2017/04/07 Javascript
微信小程序 action-sheet 反馈上拉菜单简单实例
2017/05/11 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
Angular利用trackBy提升性能的方法
2018/01/26 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
Vue2.0 实现页面缓存和不缓存的方式
2019/11/12 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
JQuery插件tablesorter表格排序实现过程解析
2020/05/28 jQuery
Python标准模块--ContextManager上下文管理器的具体用法
2017/11/27 Python
Python计算公交发车时间的完整代码
2020/02/12 Python
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
2016/12/20 HTML / CSS
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
Mountain Hardwear官网:攀岩服装和户外装备
2019/09/26 全球购物
如何在发生故障的节点上重新安装 SQL Server
2013/03/14 面试题
低碳环保口号
2014/06/12 职场文书
人事行政专员岗位职责
2014/07/23 职场文书
迎国庆演讲稿
2014/09/05 职场文书
公司总经理岗位职责
2015/04/01 职场文书
刑事附带民事代理词
2015/05/25 职场文书
2016七夕情人节感言
2015/12/09 职场文书