如何使用jquery動態地創建選擇元素的選項？

Question

我需要通過ajax調用動態地創建select元素的選項。選項的數量和內容會有所不同。這是它的外觀之前Ajax調用：

<select name="groupid" style="width:100%;"> 
<option value="0" selected>(Please select an option)</option> 
</select> 

這是我嘗試創建一個虛擬值的選項元素之一：

$("<option></option>", {value: "999"}).appendTo('.select-group'); 

但它增加了它的選擇之外。我也不知道如何設置文字。

任何想法？我已經看到了一些關於使用靜態數量的現有選項填充現有選擇表單的問題，但沒有一個像這樣的問題。

謝謝。

Answer 1

Where's .select-group？如果您使用的#groupid ID那麼這應該只是罰款...

$('<option>').val('999').text('999').appendTo('#groupid'); 

Answer 2

如果我理解正確的話，下面是你需要什麼，

$("<option></option>", 
    {value: "999", text: "Nine Ninety Nine"}) 
    .appendTo('.select-group'); 

DEMO

提供.select-group是選擇爲<select></select>

Answer 3

這裏是解決方案..

$('#yourSelectBoxId').append(new Option('optionName', 'optionValue')); 

Answer 4

這爲我工作：

$('#chat_list').append(new Option(this.subject, this.key_remote_jid));

Answer 5

下面是替代解決方案。這對我有效。

$('#yourSelectBoxId').append("<option value='Saab'>Saab</option>");