如何在javascript中使用二維數組填充下拉列表

Question

我想創建兩維數組並使用它填充下拉列表。
但我得到未捕獲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]。