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>

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

<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

如何动态地将值和id添加到html下拉选项标记

1 个答案: