如何使用JavaScript中的二維數組填充下拉列表

Question

我正在嘗試創建二維數組並使用它填充下拉列表。
但是我收到了Uncaught SyntaxError：意外的字符串錯誤。

var cuisines = ["001","Australian"],["002","American"];     

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

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

請幫我。 謝謝。

Answer 1

定義二維數組時，需要使用外括號。

var cuisines = [["001","Australian"],["002","American"]];

另外，看起來您正在使用字母“ o”而不是其中一個索引的數字0。

Answer 2

我沒有深入調查您的代碼，但是您有錯誤：

 opt.value = cuisines[i][o];

應該

 opt.value = cuisines[i][0];

您使用的是“ o”字母而不是0（零）

Answer 3

更改var cuisines = ["001","Australian"],["002","American"]; var cuisines =[ ["001","Australian"],["002","American"]]; 所以實際上您有一個二維數組，並將[o]更改為[0] 。