如何在下拉列表中传递属性而不是所选值

Question

我想在 testEmail 变量中传递 email 属性，但它传递的名字是John Doe

<option value="2" email="test@email.com">John Doe</option>

var testEmail = $("#nameofDropdown option:selected").text();
var email = promt("Enter an email to send to", testEmail );

我知道这与此行option:selected只是不确定要将其更改为什么才能收到电子邮件。

Answer 1

使用.attr()而不是.text()

$("#nameofDropdown option:selected").attr('email')

 console.log($("option").attr('email'));

 <option value="2" email="test@email.com">John Doe</option> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>