添加元素在運行時

Question

選擇與jQuery HTML標籤我有一個選擇標記，看起來像這樣：

<select name="MySelect"></select> 

在運行時，我有一個組成部分HTML，並返回一個字符串，它看起來像這樣的javascript函數：

TheOptions = <option>Option 1</option><option>Option 2</option><option>Option 3</option> 

我想這些內容添加到選擇標記，所以到目前爲止，我有：

$('#MySelect').html(TheOptions); 

如何有史以來，當代碼執行時，它不會加載選擇器中的選項。 任何建議都會有幫助。

謝謝。

Answer 1

你select元素

<select name="MySelect"></select> 

不被jQuery選擇選擇：

$('#MySelect').html(TheOptions); 

使用該#MySelect的是id基於選擇，而你的select只有一個name屬性;所以相反，你可以使用：

$('input[name="MySelect"]').html(TheOptions); 

雖然我會更傾向於建議你使用，而不是：

$(TheOptions).appendTo($('input[name="MySelect"]')); 

參考：

• attribute-equals [attribute="value"] selector。
• appendTo()。

Answer 2

What is the best way to add options to a select from an array with jQuery?

這對如何做到這一個很好的答案。

但$("#Blah)引用id屬性，而不是名稱。所以將id屬性添加到<select/>將會修復它

Answer 3

您只需將name更改爲id即可。

http://jsfiddle.net/3pWLc/1/