使用Javascript和jQuery自动填充下拉框

Question

我有一个下拉选择框：

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

我有一个 JavaScript 数组

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

我该如何根据var translationOptions自动填充选择框？

- RSM

Answer 1

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

如何用 jQuery 从一个数组中添加选项到 select 元素中？

- Steve

---

你如何将一对INPUT字段中的数据提取到数组中，以便将其馈送到上面的代码中？我尝试了var translationOptions = ['$("input[name="inputboxname"]").val()'];但它只返回['$("input[name="inputboxname"]").val()']作为SELECT选项。 - Jez

Answer 2

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

这里使用文本作为显示内容，使用数组索引作为值。

- Porco

Answer 3

您可以通过以下方式动态创建选项并将其附加到选择框中。

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

- Nishu Tayal