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 相关文章推荐
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
细品javascript 寻址,闭包,对象模型和相关问题
Apr 27 Javascript
jQuery LigerUI 使用教程表格篇(1)
Jan 18 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
js 采用delete实现继承示例代码
May 20 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 Javascript
基于js对象,操作属性、方法详解
Aug 11 Javascript
jQuery之动画效果大全
Nov 09 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
基于Express框架使用POST传递Form数据
Aug 10 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 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
html静态页面调用php文件的方法
2014/11/13 PHP
php表单文件iframe异步上传实例讲解
2017/07/26 PHP
php压缩文件夹最新版
2018/07/18 PHP
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
2014/02/07 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
通过location.replace禁止浏览器后退防止重复提交
2014/09/04 Javascript
JS实现当前页居中分页效果的方法
2015/06/18 Javascript
深入分析jsonp协议原理
2015/09/26 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
2015/12/04 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
JS二分查找算法详解
2017/11/01 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
vue.js 图片上传并预览及图片更换功能的实现代码
2018/08/27 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
[56:01]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 Effect vs EG
2018/03/31 DOTA
python操作CouchDB的方法
2014/10/08 Python
python求列表交集的方法汇总
2014/11/10 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
python实现播放音频和录音功能示例代码
2018/12/30 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
VSCode配合pipenv搞定虚拟环境的实现方法
2020/05/17 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
高中学生期末评语
2014/04/25 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
大学生作弊检讨书
2014/09/11 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
学校师德师风整改方案
2014/10/28 职场文书
解除劳动关系协议书2篇
2014/11/28 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
深入理解margin塌陷和margin合并的解决方案
2021/06/26 HTML / CSS
Win11如何修改dns?Win11修改dns图文教程
2022/01/18 数码科技
vue实现列表垂直无缝滚动
2022/04/08 Vue.js
python单向链表实例详解
2022/05/25 Python