jQuery下拉框元素操作

最新推荐文章于 2021-08-05 11:45:55 发布

王家五哥

最新推荐文章于 2021-08-05 11:45:55 发布

阅读量2.4w

点赞数

分类专栏： jQuery html案例

本文链接：https://blog.csdn.net/qq_36521848/article/details/106245983

版权

html案例同时被 2 个专栏收录

44 篇文章 0 订阅

订阅专栏

jQuery

22 篇文章 0 订阅

订阅专栏

对select下拉中元素的操作：增、删、清空

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			function add() {
				$("#sele").append("<option value='sz1005'>新增1005</option>");
			}

			function remo() {
				$("#sele option[value='sj1002']").remove();
				$("#sele option[value='sj1003']").remove();
			}

			function seleremo() {
				$("select option:selected").remove();
			}

			function clearEmpty() {
				$("#sele").empty();
			}
		</script>
	</head>

	<body>
		<pre>
			jQuery 对下拉框的操作，增删节点，删除指定节点，清空
		</pre>
		<select name="" id="sele" size="7">
			<option value="sj1001">数据1001</option>
			<option value="sj1002">数据1002</option>
			<option value="sj1003">数据1003</option>
		</select>

		<br />
		<input type="button" onclick="add()" value="添加节点" /><br />
		<input type="button" onclick="remo()" value="移除节点" /><br />
		<input type="button" onclick="seleremo()" value="选中移除" /><br />
		<input type="button" onclick="clearEmpty()" value="清空" /><br />
	</body>

</html>

王家五哥

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery下拉框元素操作

对select下拉中元素的操作：增、删、清空<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js" type="text/javascript" charset="utf-8">&l
复制链接

扫一扫

专栏目录