Как заполнить массив javascript из выпадающего списка выбранного значения?

Question

ВОПРОС

Как я могу заполнить myArray с одним из массивов, перечисленных и изменить его, используя выбранный вариант в списке?

Использование JavaScript или 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 

ПРОБЛЕМА

В настоящее время DDL только значение строки, и мне нужно выбранное значение, чтобы быть одним из яваскрипта переменных.

Answer 1

Вы можете использовать объект для хранения ваших массивов, а затем получить доступ к этому объекту, используя строковое значение выпадающего списка. Что-то вроде этого:

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

Answer 2

Вы можете сделать многомерный массив:

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

Answer 3

Что об этом, используя понятие @Rory McCrossan и добавление права значения для параметра?

<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]); 

});