Question

我找到了几个用数组填充下拉列表的链接，但它们都不适用于我。我尝试过的一些链接包括：

这个类似的Stack Overflow问题： JavaScript - populate drop down list with array

类似的情况：

使用Javascript：

var cuisines = ["Chinese","Indian"];     

var sel = document.getElementById('CuisineList');
for(var i = 0; i < cuisines.length; i++) {
var opt = document.createElement('option');
opt.innerHTML = cuisines[i];
opt.value = cuisines[i];
sel.appendChild(opt);
}

和HTML：

<select id="CuisineList"></select>

但没有任何效果。我的目标是从外部javascript数组填充下拉列表，其值为0到255，以便它们可用于提出RGB方案。这与已链接的问题类似，但当我将其复制并粘贴到我的文本编辑器并在Chrome中预览时，链接的问题无效。

Answer 1

试试这个：

我认为当脚本执行时你的dom还没准备好

function ready() {
     var cuisines = ["Chinese","Indian"];     

     var sel = document.getElementById('CuisineList');
     for(var i = 0; i < cuisines.length; i++) {
      var opt = document.createElement('option');
      opt.innerHTML = cuisines[i];
      opt.value = cuisines[i];
      sel.appendChild(opt);
    }
  }

  document.addEventListener("DOMContentLoaded", ready);

<select id="CuisineList"></select>

Answer 2

试试这个

var cuisines = ["Chinese","Indian"];
var innerData = '';
for(var i = 0; i < cuisines.length; i++) {
    innerData += '<option value="' + 'cuisines[i]' + '">' + 'cuisines[i]' + '</option>';
}
document.getElementById('CuisineList').innerHTML = innerData;

使用下拉列表填充数字数组

2 个答案: