JQuery给select添加/删除节点的实现代码


Posted in Javascript onApril 26, 2016

jQuery获取Select选择的Text和Value:

var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value
var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option项:
jQuery("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
jQuery("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
jQuery("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
jQuery("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
jQuery("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

内容清空:
jQuery("#select_id").empty();

以上这篇JQuery给select添加/删除节点的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
由JavaScript中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
JS比较两个时间大小的简单示例代码
Dec 20 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
javascript实现根据汉字获取简拼
Sep 25 Javascript
基于Angular.js实现的触摸滑动动画实例代码
Feb 19 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
Apr 13 Javascript
Bootstrap + AngularJS 实现简单的数据过滤字符查找功能
Jul 27 Javascript
vue脚手架中配置Sass的方法
Jan 04 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
JS判断两个数组或对象是否相同的方法示例
Feb 28 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
Jul 24 Javascript
vue缓存之keep-alive的理解和应用详解
Nov 02 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 #Javascript
js 求时间差的实现代码
Apr 26 #Javascript
Bootstrap表单组件教程详解
Apr 26 #Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 #Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
Apr 26 #Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
Apr 26 #Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
Apr 26 #Javascript
You might like
php MessagePack介绍
2013/10/06 PHP
Server.HTMLEncode让代码在页面里显示为源代码
2013/12/08 PHP
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
jqPlot 图表中文API使用文档及源码和在线示例
2012/02/07 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
BootStrap中Datetimepicker和uploadify插件应用实例小结
2016/05/26 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
vue-hook-form使用详解
2017/04/07 Javascript
JavaScript输入框字数实时统计更新
2017/06/17 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
微信小程序页面调用自定义组件内的事件详解
2019/09/12 Javascript
JS字符串和数组如何实现相互转化
2020/07/02 Javascript
[56:20]LGD vs VP Supermajor 败者组决赛 BO3 第三场 6.10
2018/07/04 DOTA
Python 元组(Tuple)操作详解
2014/03/11 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
Python中的__init__作用是什么
2020/06/09 Python
工程师必须了解的LRU缓存淘汰算法以及python实现过程
2020/10/15 Python
利用三角函数在canvas上画虚线的方法
2018/01/11 HTML / CSS
印度首选时尚目的地:Reliance Trends
2018/01/17 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
介绍一下SQL Server里面的索引视图
2016/07/31 面试题
关于.NET, HTML的五个问题
2012/08/29 面试题
GC是什么?为什么要有GC?
2013/12/08 面试题
工厂门卫岗位职责
2013/11/25 职场文书
幼儿园见习报告
2014/10/30 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
德劲DE1102数字调谐收音机机评
2022/04/07 无线电