How to populate a javascript array from a dropdownlist selected value?

Question

QUESTION

How can I populate myArray with one of the arrays listed and change it using the selected option of a dropdown list?

Using javascript or jQuery

<select id="ddl">
  <option>arr1</option>
  <option>arr2</option>
  <option>arr3</option>
</select>

var arr1 = ['A', 'B', 'C'],
    arr2 = ['1', '2', '3'],
    arr3 = ['X', 'Y', 'Z'],
    array = document.getElementById('ddl').value;

//...
myArray: array

PROBLEM

Currently ddl is just a string value and I need the selected value to be one of the javascript variables.

Rory McCrossan · Accepted Answer · 2014-12-09 11:39:23Z

4

You can use an object to store your arrays in, then access that object using the string value of the dropdown. Something like this:

var options = {
    arr1: ['A', 'B', 'C'],
    arr2: ['1', '2', '3'],
    arr3: ['X', 'Y', 'Z']
}
var array = options[$('#ddl').val()]; // options[document.getElementById('ddl').value]

Example fiddle

answered Dec 9, 2014 at 11:39

Rory McCrossan

338k41 gold badges321 silver badges353 bronze badges

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

Comments

Pete · Accepted Answer · 2014-12-09 11:39:59Z

3

You could make a multi dimensional array:

var arr = [];
arr['arr1'] = ['A', 'B', 'C'],
arr['arr2'] = ['1', '2', '3'],
arr['arr3'] = ['X', 'Y', 'Z'];

var selectedArray = arr[document.getElementById('ddl').value];

Example

answered Dec 9, 2014 at 11:39

Pete

58.8k31 gold badges132 silver badges187 bronze badges

Comments

theLibertine · Accepted Answer · 2014-12-09 14:28:44Z

0

What about that using the concept of @Rory McCrossan and adding the right values to the option?

<select id="ddl">
  <option value="0">arr1</option>
  <option value="1">arr2</option>
  <option value="2">arr3</option>
</select>

var options =[    
    ['A', 'B', 'C'],
    ['1', '2', '3'],
    ['X', 'Y', 'Z'] 
];

$('#ddl').change(function () {

    var ch = $('#ddl').val();
    var array = options[ch];
    //test
    alert(options[ch]);

});

edited Dec 9, 2014 at 14:28

answered Dec 9, 2014 at 11:47

theLibertine

1757 bronze badges

4 Comments

empiric Over a year ago

have you tested this ? I getting undefined as array

theLibertine Over a year ago

I'm sorry, forgot to add .val() to the ch var assignation

theLibertine Over a year ago

edited my code, could you please delete the downvote? It's not the first time someone forgets some piece of code in copy/paste operation. Thanks

empiric Over a year ago

unfortunately I'm note the downvoter, but your code works, so +1 ;-)

Collectives™ on Stack Overflow

How to populate a javascript array from a dropdownlist selected value?

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related