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 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
Apr 07 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
原生js更改css样式的两种方式
Mar 15 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
详谈Node.js之操作文件系统
Aug 29 Javascript
javascript观察者模式实现自动刷新效果
Sep 05 Javascript
6行代码实现微信小程序页面返回顶部效果
Dec 28 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
Apr 26 Javascript
js获取url页面id,也就是最后的数字文件名
Sep 25 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 current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
PHP生成随机数的方法实例分析
2015/01/22 PHP
php绘制一个矩形的方法
2015/01/24 PHP
ThinkPHP 模板substr的截取字符串函数详解
2017/01/09 PHP
PHP抽象类与接口的区别详解
2019/03/21 PHP
DOM精简教程
2006/10/03 Javascript
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
2015/06/11 Javascript
纯jQuery实现前端分页功能
2017/03/23 jQuery
详解Vue学习笔记入门篇之组件的内容分发(slot)
2017/07/17 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
Vue修改mint-ui默认样式的方法
2018/02/03 Javascript
Vue开发环境中修改端口号的实现方法
2019/08/15 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
小程序使用wxs解决wxml保留2位小数问题
2019/12/13 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
[45:52]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第二场 12.09
2020/12/12 DOTA
python正则匹配抓取豆瓣电影链接和评论代码分享
2013/12/27 Python
Python制作爬虫采集小说
2015/10/25 Python
python爬虫面试宝典(常见问题)
2018/03/02 Python
Python3+Requests+Excel完整接口自动化测试框架的实现
2019/10/11 Python
Python 多进程、多线程效率对比
2020/11/19 Python
Origins加拿大官网:雅诗兰黛集团高端植物护肤品牌
2017/11/19 全球购物
加拿大休闲和工业服装和鞋类零售商:L’Équipeur
2018/01/12 全球购物
英国鹦鹉店:Parrot Essentials
2018/12/03 全球购物
个人收入证明范本
2014/01/12 职场文书
总经理司机职责
2014/02/02 职场文书
历史专业学生的自我评价
2014/02/28 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
鼋头渚导游词
2015/02/05 职场文书
酒店收银员岗位职责
2015/04/07 职场文书
2015年维修工作总结
2015/04/25 职场文书
PostgreSQL自动更新时间戳实例代码
2021/11/27 PostgreSQL
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS