How to populate drop down using two dimension array in javascript

Question

I'm trying to create two dimensional array and populate a dropdown using it.
But I'm getting Uncaught SyntaxError: Unexpected string error.

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>

Please help me. Thanks.

Matthew Woodard · Accepted Answer · 2017-03-13 07:45:19Z

4

You need outer brackets when defining your two dimensional array.

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

Also, looks like you're using the letter "o" instead of the number 0 for one of your indexes.

answered Mar 13, 2017 at 7:45

Matthew Woodard

963 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

asdf_enel_hak · Accepted Answer · 2017-03-13 07:39:36Z

2

I did not investigate your code deeply but you have error:

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

should be

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

you are using "o" letter instead of 0 (zero)

answered Mar 13, 2017 at 7:39

asdf_enel_hak

7,6585 gold badges47 silver badges91 bronze badges

Comments

berko · Accepted Answer · 2017-03-13 07:46:01Z

2

Change var cuisines = ["001","Australian"],["002","American"]; to var cuisines =[ ["001","Australian"],["002","American"]]; so you actually have a two dimensional array, and change your [o] to [0].

answered Mar 13, 2017 at 7:46

berko

3832 silver badges4 bronze badges

Collectives™ on Stack Overflow

How to populate drop down using two dimension array in javascript

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related