当前位置: 首页 > 编程笔记 >

JQuery给select添加/删除节点的实现代码

石俊雄
2023-03-14
本文向大家介绍JQuery给select添加/删除节点的实现代码,包括了JQuery给select添加/删除节点的实现代码的使用技巧和注意事项,需要的朋友参考一下

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中html" target="_blank">索引值为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添加/删除节点的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍jQuery实现删除li节点的方法,包括了jQuery实现删除li节点的方法的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示: 以上所述是小编给大家介绍的jQuery实现删除li节点的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍Jquery实现select multiple左右添加和删除功能的简单实例,包括了Jquery实现select multiple左右添加和删除功能的简单实例的使用技巧和注意事项,需要的朋友参考一下 项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列

  • 本文向大家介绍JS实现添加,替换,删除节点元素的方法,包括了JS实现添加,替换,删除节点元素的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现添加,替换,删除节点元素的方法。分享给大家供大家参考,具体如下: 一直以来,对于节点操作比较纠结,特别是插入到某某节点之后.居然没有这个方法,以前的我写的方法有问题,是把新节点插入到旧节点的里面去了,还是该用insertBefore方法可

  • 本文向大家介绍基于jquery实现select选择框内容左右移动添加删除代码分享,包括了基于jquery实现select选择框内容左右移动添加删除代码分享的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了select选择框内容左右移动添加删除。分享给大家供大家参考。具体如下: select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点

  • 本文向大家介绍jQuery动态添加与删除tr行实例代码,包括了jQuery动态添加与删除tr行实例代码的使用技巧和注意事项,需要的朋友参考一下 这篇文章给大家分享的是一个用Jquery实现动态添加和删除tr行的小例子 下面是实现的样子,当然没有样式: 点击添加按钮可以添加一行: 点击删除可以删除本行: 基本功能是这样,下面是代码: 总结 以上就是jQuery动态添加与删除tr行的全部内容,希望本文

  • 本文向大家介绍vue.js实现点击后动态添加class及删除同级class的实现代码,包括了vue.js实现点击后动态添加class及删除同级class的实现代码的使用技巧和注意事项,需要的朋友参考一下 最近使用vue需要实现一个点餐选择商品规格的页面,需要通过vue动态的给被点击的元素添加class名字,使其变色,其他的删除class。如图: 开始在网上找了许多办法发现不是太好用,最后找到一个发

  • 本文向大家介绍JQuery实现动态添加删除评论的方法,包括了JQuery实现动态添加删除评论的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery实现动态添加删除评论的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍Jquery遍历select option和添加移除option的实现方法,包括了Jquery遍历select option和添加移除option的实现方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上这篇Jquery遍历select option和添加移除option的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。