javascript - 通过 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]));
    }