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

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