如何将值和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> 

现在我的问题是我需要添加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