HTML中获取select选中的option节点

最新推荐文章于 2023-01-11 09:18:52 发布

爆裂码手

最新推荐文章于 2023-01-11 09:18:52 发布

阅读量1.3w

点赞数 1

分类专栏： [html常用脚本整理]

本文链接：https://blog.csdn.net/qq_18860653/article/details/83109490

版权

[html常用脚本整理] 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

当我们想要获取select标签选中的option值value外，我们还希望获取option标签上的其它值，我们可以这么做：

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
</head>
<body>
<select id="input-s"> 
	<option value="1" data-amount='1'>1元</option>
	<option value="2"  data-amount='3'>3元</option>
	<option value="3"  data-amount='5'>5元</option>
</select>
<button onclick="checkInput()">点击</button>
</body>
<script>
function checkInput(){
	//console.log($("#input-s").val())
	console.log($("#input-s").find("option:selected").attr("data-amount"))
}
</script>
</html>