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连接access数据库的方法
Nov 17 Javascript
JQuery下关于$.Ready()的分析
Dec 13 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
Oct 29 Javascript
js截取小数点后几位的写法
Nov 14 Javascript
jQuery拖拽div实现思路
Feb 19 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
JavaScript实现弹出DIV层同时页面背景渐变成半透明效果
Mar 25 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 Javascript
Vue Element UI自定义描述列表组件
May 18 Vue.js
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
模拟OICQ的实现思路和核心程序(一)
2006/10/09 PHP
php笔记之:数据类型与常量的使用分析
2013/05/14 PHP
php中magic_quotes_gpc对unserialize的影响分析
2014/12/16 PHP
php将textarea数据提交到mysql出现很多空格的解决方法
2014/12/19 PHP
浅谈PHP中如何实现Hook机制
2017/11/14 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
javascript下过滤数组重复值的代码
2007/09/10 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
2016/04/25 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
jdk1.8+vue elementui实现多级菜单功能
2020/09/24 Javascript
python中reload(module)的用法示例详解
2017/09/15 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
Python logging设置和logger解析
2019/08/28 Python
Python3.7+tkinter实现查询界面功能
2019/12/24 Python
Python ConfigParser模块的使用示例
2020/10/12 Python
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
如何查找网页漏洞
2016/06/22 面试题
校长先进事迹材料
2014/02/01 职场文书
食品流通安全承诺书
2014/05/22 职场文书
党支部活动策划方案
2014/08/18 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
公司员工体检通知
2015/04/21 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
2016年领导干部正风肃纪心得体会
2015/10/09 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
给原生html中添加水印遮罩层的实现示例
2021/04/02 Javascript