HTML中获取select选中的option节点

版权声明:本文为博主原创文章,转载请注明出处。 https://blog.csdn.net/qq_18860653/article/details/83109490

当我们想要获取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>

猜你喜欢

转载自blog.csdn.net/qq_18860653/article/details/83109490