javascript - 如何动态地将 value 和 id 添加到 html 下拉选项标签

Question

我正在尝试动态地将选项添加到选择框中。这是我的 HTML

<select id="RightPriceMulRetail" class="form-control"></select>

这是我的 JavaScript 代码

$("#RightPriceMulRetail").get(0).options.length = 0;
$.each(data, function (index, item) {
 $("#RightPriceMulRetail").get(0).options[$("#RightPriceMulRetail").get(0).options.length] = new Option(item.sellPrice, item.qty);
});

工作正常，结果如下

<option value="qty">sell Price</option>

现在我的问题是我需要使用 JavaScript 添加ID 属性到选项，如下所示

<option value="qty" id="someValue">sell Price</option>

谁能帮我解决这个问题吗？

Answer 1

您可以轻松地使用 jQuery 语法创建一个元素，然后使用 .appendTo() 将其添加到选择

var $select = $("#RightPriceMulRetail").empty();
$.each(data, function (index, item) {
    $('<option />', {
        value: item.qty,
        text: item.sellPrice,
        id: 'someid'
    }).appendTo($select)
});

演示:Fiddle