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 相关文章推荐
js 页面执行时间计算代码
Mar 04 Javascript
Prototype Template对象 学习
Jul 19 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
Feb 04 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
Javascript页面添加到收藏夹的简单方法
Aug 07 Javascript
js delete 用法(删除对象属性及变量)
Aug 24 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
Aug 19 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
深入理解PHP原理之错误抑制与内嵌HTML分析
2011/05/02 PHP
phpQuery让php处理html代码像jQuery一样方便
2015/01/06 PHP
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
关于jquery input textare 事件绑定及用法学习
2013/04/03 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
2013/12/17 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
jQuery中:selected选择器用法实例
2015/01/04 Javascript
Bootstrap树形控件使用方法详解
2016/01/27 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
javascript中获取class的简单实现
2016/07/12 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
bootstrap-table实现服务器分页的示例 (spring 后台)
2017/09/01 Javascript
浅谈在Vue-cli里基于axios封装复用请求
2017/11/06 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
[02:44]重置世界,颠覆未来——DOTA2 7.23版本震撼上线
2019/12/01 DOTA
200 行python 代码实现 2048 游戏
2018/01/12 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
python 获取文件下所有文件或目录os.walk()的实例
2018/04/23 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
Python读取Pickle文件信息并计算与当前时间间隔的方法分析
2019/01/30 Python
python中的subprocess.Popen()使用详解
2019/12/25 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
python中time包实例详解
2021/02/02 Python
马来西亚网上花店:FlowerAdvisor马来西亚
2020/01/03 全球购物
什么是方法的重载
2013/06/24 面试题
财务会计专业应届毕业生求职信
2013/10/18 职场文书
师范生自荐信
2013/10/27 职场文书
医学专业毕业生个人的求职信
2013/12/04 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
2016公司年会主持词
2015/07/01 职场文书
七年级思品教学反思
2016/02/20 职场文书
基于python实现银行管理系统
2021/04/20 Python