如何从下拉列表中选择值填充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只是一个字符串值，我需要选择的值是JavaScript的变量之一。

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

});