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下过滤数组重复值的代码
Sep 10 Javascript
javascript 时间比较实现代码
Oct 28 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
Javascript中拼接大量字符串的方法
Feb 05 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
Nov 06 Javascript
解决npm管理员身份install时出现权限的问题
Mar 16 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
详解Vue 换肤方案验证
Aug 28 Javascript
layui use 定义js外部引用函数的方法
Sep 26 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 和 MySQL 基础教程(一)
2006/10/09 PHP
在PHP中使用模板的方法
2008/05/24 PHP
php把大写命名转换成下划线分割命名
2015/04/27 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
PHP实现合并两个排序链表的方法
2018/01/19 PHP
one.php 多项目、函数库、类库 统一为一个版本的方法
2020/08/24 PHP
弹出广告特效(一个IP只弹出一次)的代码
2007/07/27 Javascript
Javascript 定时器调用传递参数的方法
2009/11/12 Javascript
JavaScript高级程序设计 阅读笔记(十四) js继承机制的实现
2012/08/14 Javascript
js事件(Event)知识整理
2012/10/11 Javascript
js css后面所带参数含义介绍
2013/08/18 Javascript
JavaScript实现的购物车效果可以运用在好多地方
2014/05/09 Javascript
jQuery实现当前页面标签高亮显示的方法
2015/03/10 Javascript
vue2.0在没有dev-server.js下的本地数据配置方法
2018/02/23 Javascript
浅析Visual Studio Code断点调试Vue
2018/02/27 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
jquery选择器和属性对象的操作实例分析
2020/01/10 jQuery
Python这样操作能存储100多万行的xlsx文件
2019/04/16 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
在OpenCV里使用Camshift算法的实现
2019/11/22 Python
浅析Python3 pip换源问题
2020/01/06 Python
python GUI库图形界面开发之PyQt5下拉列表框控件QComboBox详细使用方法与实例
2020/02/27 Python
Python如何实现FTP功能
2020/05/28 Python
Keds官方网站:购买帆布运动鞋和经典皮鞋
2016/11/12 全球购物
100%法国制造的游戏和玩具:Les Jouets Français
2021/03/02 全球购物
平民服装店创业计划书
2014/01/17 职场文书
诉讼代理人授权委托书
2014/04/08 职场文书
北京申奥口号
2014/06/19 职场文书
教师三严三实心得体会
2014/10/11 职场文书
2014年计生工作总结
2014/11/21 职场文书
一年级数学下册复习计划
2015/01/17 职场文书
办公室岗位职责
2015/02/04 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
春风化雨观后感
2015/06/11 职场文书
上个世纪50年代的可穿戴技术:无线电帽子
2022/02/18 无线电
什么是css原子化,有什么用?
2022/04/24 HTML / CSS