使用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));
});

这使用数组中的display和index作为值。

Answer 3

您可以动态创建选项并以这种方式附加到选择框。

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