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 大数据相加的问题
Aug 03 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
Sep 04 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
Apr 23 Javascript
vue一个页面实现音乐播放器的示例
Feb 06 Javascript
小程序实现留言板
Nov 02 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
vue elementui tree 任意级别拖拽功能代码
Aug 31 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
zf框架的数据库追踪器使用示例
2014/03/13 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
THINKPHP项目开发中的日志记录实例分析
2014/12/01 PHP
php实现图片添加描边字和马赛克的方法
2014/12/10 PHP
php 使用curl模拟ip和来源进行访问的实现方法
2017/05/02 PHP
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
IE下双击checkbox反应延迟问题的解决方法
2014/03/27 Javascript
jQuery中scrollTop()方法用法实例
2015/01/16 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
2015/08/17 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
2016/07/05 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
详解Vue.js动态绑定class
2016/12/20 Javascript
bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
2017/02/10 Javascript
Vue2.0 axios前后端登陆拦截器(实例讲解)
2017/10/27 Javascript
详解js类型判断
2018/05/22 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
element-ui的回调函数Events的用法详解
2018/10/16 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
Node爬取大批量文件的方法示例
2019/06/28 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
django js实现部分页面刷新的示例代码
2018/05/28 Python
Django框架创建mysql连接与使用示例
2019/07/29 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
python中scipy.stats产生随机数实例讲解
2021/02/19 Python
"序列点" 是什么
2016/07/29 面试题
企业统计员岗位职责
2013/12/13 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
学生安全责任书范本
2014/07/24 职场文书
兵马俑的导游词
2015/02/02 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
无线电通信名词解释
2022/02/18 无线电
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python