javascript - 在下拉列表中使用追加时添加多个属性 - jQuery

Question

在 jQuery 的下拉列表中使用追加时，我试图添加多个 attr() 值。

这工作正常:

$('#twostages').append($('<option/>').attr("value", option.stage).text(option.stage));

我可以使用以下方法访问该值:

document.getElementById("twostages").value

但是，当我尝试这段代码时:

$('#twostages').append($('<option/>').attr({ "value": option.stage, "matone": option.matone }).text(option.stage));

我无法使用 document.getElementById("twostages").value 或 检索 value 或 matone document.getElementById("twostages").matone

我从这个主题中得到了上面代码的想法:jQuery: Adding two attributes via the .attr(); method

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

matone 是添加在选项上的属性。因此您不能直接访问它。

您需要先检查所选选项，然后使用 .attr() 获取相应的 matone 值

工作片段:-

$('#twostages').append($('<option/>').attr({ "value":"stage1", "matone": "mymetion" }).text("stage1"));

console.log($('#twostages').val());
console.log($('#twostages').find(':selected').attr('matone'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="twostages">

</select>

引用:-

.attr()

:selected

注意:-标准做法是使用 data-attributes对于自定义属性