2015-03-19 79 views
0

我試圖動態地將選項添加到選擇框中。這是我的HTML如何將值和id添加到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> 

任何人都可以幫助我。

+2

只需設置你要創建一個新的選項變量,然後在將它添加到選項數組之前調用'$(var).attr(「id」,my-id-value);''。 – 2015-03-19 04:51:06

+0

你不能以這種方式添加id值,但是你可以將id-value *放入* value-attribute中,例如'' – 2015-03-19 04:51:14

回答

2

您可以輕鬆地使用jQuery語法創建一個元素,然後使用.appendTo()將它添加到選擇

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

演示:Fiddle

+0

你可以說怎麼樣通過該ID選擇選項 – Saranga 2015-03-19 07:11:29

+1

@SarangaSachinthana'$('#myid')。prop('selected',true)' – 2015-03-19 07:16:58

+0

如何使用id選擇id另一個選擇框。我的意思是我有2個下拉。我怎麼能特別說選擇ID從哪個下拉 – Saranga 2015-03-19 07:27:36

相關問題