自動填充使用Javascript和jQuery

Question

我有一個選擇框選擇框：

<select id="translationOptions" name="translationOptions"></select> 

而且我有一個JS數組

var translationOptions = ["Egyptian Hieroglyphs", "Al Bhed (Final Fantasy X)", "Futurama"]; 

我怎麼會自動填充基礎上，var translationOptions選擇框？

Answer 1

$.each(translationOptions, function(key, value) { 
    $('#mySelect') 
     .append($("<option></option>") 
     .attr("value",key) 
     .text(value)); 
}); 

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

Answer 2

$.each(translationOptions, function(index, value) { 
    $('#translationOptions').append($("<option />").val(index).text(value)); 
}); 

這使用用於顯示和索引文本的數組爲值英寸

Answer 3

您可以動態創建選項，並以這種方式追加到選擇框。

jQuery.each(translationOptions, function(key, value) { 
    jQuery('<option/>', { 
     'value': key, 
     'text' : value 
}).appendTo('#translationOptions');