通过 javascript 函数添加选项不起作用

Question

我有一个 JavaScript 函数。 该函数应该通过添加选项来填充 html 选择框。

Argument passed is, for example, [['val1','txt1'],['val2','txt2']]

我预计它会生成如下所示的 html：

<select id='element_id'>
    <option value='val1'>txt1</option>
    <option value='val2'>txt2</option>
</select>

<script>
function popu_select(x) {
    for (i in x) {
      $('#element_id').append($(document.createElement("option")).attr("value", "i[0]").text("i[1]"));
              }
</script>

但它不会填充选择框。 我在这里可能做错了什么？

问候， 维内特

Answer 1

至少，您需要获取数组的项（i 只是索引），并在访问变量时删除引号。试试这个：

  function popu_select(x) {
    for (i in x) {
      var item = x[i]
      $('#element_id').append($(document.createElement("option")).attr("value", item[0]).text(item[1]));
    }

Answer 2

您应该使用 JSON 来传递参数：

var args = [{value:1, text:'one'}, {value:2, text:'two'}];

$.each(para, function(i, option){ 
  $('#element_id').append("<option value='" + option.value + "'>" + option.text + "</option>");
});

Answer 3

我已经在这里更新了您的代码，以便它可以工作。

http://jsfiddle.net/52nRL/

使用 jQuery $.each 函数。

Answer 4

不是 jQuery，但这个 示例 正是您想要的。它甚至包括一个从数组添加选项的示例，就像您在这里所做的那样。