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

【问题标题】：How to pass an attribute instead of the selected value in a dropdown如何在下拉列表中传递属性而不是选定值
【发布时间】：2020-10-01 12:07:07
【问题描述】：

我想在 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 这一行有关，只是不知道将其更改为什么才能收到电子邮件。

【问题讨论】：

标签： javascript html jquery attributes attr

【解决方案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>

【讨论】：