如何访问 function 之外的变量？

Question

我有一个 select 菜单、一个 object 和一个 function，他们将selectedValue作为 ZA668CFDE69131BDC49 的数组返回给我。 如何访问choosenArray之外的选择数组？

我试图将choosenArray声明为全局变量，但它不起作用。 它仅适用于"car1" ，因为它首先被选中。 有什么建议么？

HTML：

<select id="list" onchange="getSelectValue();">
<option value ="car1">car1</option>
<option value ="car2">car2</option>
<option value ="car3">car3</option>
<option value ="car4">car4</option>

Javascript：

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

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

var valueOfchoosenArray = getSelectValue(); //does not work for car2, car3, car4
console.log(valueOfchoosenArray); //does not work for car2, car3, car4
</script>
 

Answer 1

将您的 select 更改为

<select id="list" onchange="useSelectValue()">

然后写一个function：

var valueOfchoosenArray;
function useSelectValue() {
valueOfchoosenArray = getSelectValue();
console.log(valueOfchoosenArray);
//Do stuff
}
//You can use the value of valueOfchoosenArray here but code 
write here is not is executed when you change the select value