javascript - 根据下拉菜单中的选择执行公式/计算？

Question

var stocks = [
['Apple',100,8998,723,7212],
['Microsoft',928,1992,821,2381]
];
var select = document.getElementById("selectStock");
for(var i = 0; i < stocks.length; i++) {
    var opt = stocks[i][0];
    var el = document.createElement("option");
    el.textContent = opt;
    el.value = opt;
    select.appendChild(el);
}

<select id="selectStock">
    <option>Choose a stock</option>
</select>

我有多个 Javascript 数据数组(从 Excel 中提取)并且有不同的函数，这些函数基本上根据数组的行进行计算。例如:

var stocks = [['Apple',100,8998,723,7212]['Microsoft,928,1992,821,2381]]

我需要做的是制作一个下拉菜单，允许用户选择一个选项(Microsoft 或 Apple)，然后根据这个选择，将这个值拉入公式进行计算

document.write(Math.round(stocks[i][1] * 100)/100 + " dollars per share");

其中 i 是基于关闭下拉菜单选择的变量。这有意义吗？我不确定如何处理这个问题，这是针对个人元素的。感谢您的帮助!

Answer 1

https://jsfiddle.net/b22y3v85/

var select = document.getElementById("selectStock");
select.onchange = (e) => {
   let index = stocks.indexOf(stocks.find(a => a.indexOf(e.target.value) > -1));
   document.write(Math.round(stocks[index][1] * 100)/100 + " dollars per share");
};