我试图动态地将选项添加到选择框中。这是我的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>
任何人都可以帮助我。
答案 0 :(得分:2)
您可以轻松地使用jQuery语法创建元素,然后使用.appendTo()将其添加到选择
var $select = $("#RightPriceMulRetail").empty();
$.each(data, function (index, item) {
$('<option />', {
value: item.qty,
text: item.sellPrice,
id: 'someid'
}).appendTo($select)
});
演示:Fiddle