javascript - 用下拉列表填充数字数组

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>

但没有任何效果。我的目标是使用值 0 到 255 的外部 javascript 数组填充下拉列表，以便它们可用于提出 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>