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

前端技术 2023/09/08 JavaScript

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添加/删除节点的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。

本文地址:https://www.stayed.cn/item/22976

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。