使用下拉菜单选择数组

Question

我在 HTML 中有一个下拉菜单：

<select id="list" onchange="getSelectValue();">
    <option value ="car1">Audi A2</option>
    <option value ="car2">Audi A3</option>
    <option value ="car3">BMW 1 F20</option>
    <option value ="car4">Opel Corsa</option>
</select>

为了获取 <select> 的值，我有这个函数：

function getSelectValue()
{
    var selectedValue = document.getElementById("list").value;
    console.log(selectedValue); 
}

在另一个脚本中，我有很多数组：

var car1 =[1, 5, 6, 7];
var car2 =[4, 6, 8, 3];
var car3 =[6, 7, 3, 4];
var car4 =[3, 7, 2, 1];

如果用户选择了例如car 2 在下拉菜单中，应选择数组car2。现在例如应添加此数组的值。我该怎么做？

document.write(car[1]+car[3]);

Answer 1

对于这样的事情，你可以使用对象。选中的值就是对象的key，然后在key处就是你想要的数组，像这样：

var carData = {
  "car1": [1, 5, 6, 7],
  "car2": [4, 6, 8, 3],
  "car3": [6, 7, 3, 4],
  "car4": [3, 7, 2, 1]
};

function getSelectValue() {
  var selectedValue = document.getElementById("list").value;
  console.log(selectedValue);
  console.log(carData[selectedValue]);
}

<select id="list" onchange="getSelectValue();">
  <option value="car1">Audi A2</option>
  <option value="car2">Audi A3</option>
  <option value="car3">BMW 1 F20</option>
  <option value="car4">Opel Corsa</option>
</select>

使用下拉菜单选择数组

Choosing an array with a dropdown menu

javascript

drop-down-menu