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 相关文章推荐
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 Javascript
[原创]后缀就扩展名为js的文件是什么文件
Dec 06 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
Dec 22 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
JS基于面向对象实现的选项卡效果示例
Dec 20 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
微信小程序合法域名配置方法
May 06 Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
jQuery pager.js 插件动态分页功能实例分析
Aug 02 jQuery
JS函数进阶之prototy用法实例分析
Jan 15 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的朋友 经常问的一些问题。不断更新
2011/08/11 PHP
标准版Eclipse搭建PHP环境的详细步骤
2015/11/18 PHP
js读取本地excel文档数据的代码
2010/11/11 Javascript
JQuery中getJSON的使用方法
2010/12/13 Javascript
js替代copy(示例代码)
2013/11/27 Javascript
js中的时间转换—毫秒转换成日期时间的示例代码
2014/01/26 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
js实现网页抽奖实例
2015/08/05 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
JavaScript鼠标特效大全
2016/09/13 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
2017/01/24 Javascript
AngularJS实现tab选项卡的方法详解
2017/07/05 Javascript
Vue页面跳转动画效果的实现方法
2018/09/23 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
2020/06/01 Javascript
使用 UniApp 实现小程序的微信登录功能
2020/06/09 Javascript
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
Python逐行读取文件中内容的简单方法
2019/02/26 Python
python关于倒排列的知识点总结
2020/10/13 Python
使用HTML5 Canvas API中的clip()方法裁剪区域图像
2016/03/25 HTML / CSS
英国网上香水店:Fragrance Direct
2016/07/20 全球购物
德国孕妇装和婴童服装网上商店:bellybutton
2018/04/12 全球购物
香港百佳网上超级市场:PARKNSHOP.com
2020/06/10 全球购物
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
总经理司机职责
2014/02/02 职场文书
普通简短的个人自我评价
2014/02/15 职场文书
合作意向书格式及范文
2014/03/31 职场文书
《秋游》教学反思
2014/04/24 职场文书
部门活动策划方案
2014/08/16 职场文书
以幸福为主题的活动方案
2014/08/22 职场文书
公路局群众路线教育实践活动第一阶段工作汇报
2014/10/25 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python
TS 类型收窄教程示例详解
2022/09/23 Javascript