HTML中獲取select選中的option節點
阿新 • • 發佈:2018-11-11
當我們想要獲取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>