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同步Import,同步调用外部js的方法
Jul 08 Javascript
javascript 动态数据下的锚点错位问题解决方法
Dec 24 Javascript
js prototype截取字符串函数
Apr 01 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
Jquery中find与each方法用法实例
Feb 04 Javascript
JavaScript中字符串拼接的基本方法
Jul 07 Javascript
JavaScript表单验证实例之验证表单项是否为空
Jan 10 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
JavaScript实现公历转农历功能示例
Feb 13 Javascript
javascript按钮禁用和启用的效果实例代码
Oct 29 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 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
根据ip调用新浪api获取城市名并转成拼音
2014/03/07 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
js树形控件脚本代码
2008/07/24 Javascript
Javascript中定义方法的另类写法(批量定义js对象的方法)
2011/02/25 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
2011/10/19 Javascript
js中top/parent/frame概述及案例应用
2013/02/06 Javascript
10个基于浏览器的JavaScript调试工具分享
2013/02/07 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
jQuery弹性滑动导航菜单实现思路及代码
2013/05/02 Javascript
键盘KeyCode值列表汇总
2013/11/26 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
从零开始做一个pagination分页组件
2017/03/15 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
2018/02/22 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
python计算N天之后日期的方法
2015/03/31 Python
python自定义异常实例详解
2017/07/11 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
如何更优雅地写python代码
2019/07/02 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
推荐10个HTML5响应式框架
2016/02/25 HTML / CSS
纬创Java面试题笔试题
2014/10/02 面试题
教师节促销活动方案
2014/02/14 职场文书
公司联欢会策划方案
2014/05/19 职场文书
委托证明书
2014/09/17 职场文书
七年级作文(600字3篇)
2019/09/24 职场文书