使用链接到选择菜单的数据创建一个数组

Question

（希望这个问题还没有解决）如果是这样，我很抱歉，请将我链接到解决方案。 （这是我现在参加的 Java 课程的练习，所以我对 Javascript 很陌生。） 我有一个包含旅行目的地的选择菜单。有 4-5 个目的地（巴黎、伦敦、阿姆斯特丹、柏林、纽约..）每个目的地都有一个简短的描述和一个特定的价格。 所以练习说：当有人从选择菜单中点击一个选项时，适当的描述必须出现在文本区域中，并且适当的价格出现在文本输入中。 （这是一些基本的东西）..我知道一些 html 对象是如何工作的，我似乎无法找到使用 select 对象执行此操作的最佳方法。我通过 name 属性和 for 循环使用复选框来做到这一点。也有单选按钮..但是选择选项我被卡住了。我不需要我的练习的解决方案，我只需要一个示例代码，但我理解的东西。 前任： 巴黎 ETC

类似于：对于选定的选项 [i]，textarea.value = 与每个旅行目的地相关的描述，文本 input.value = 旅行价格。 我不想要这样的东西：如果 selectedIndex[0]---textarea.value = X 我需要做一些类似目的地数组的事情..trips [i] = new Array []并用价格和描述字符串的var填充trip数组的数组..（我希望我已经清楚了一切我需要 。 谢谢你们。

Answer 1

定义一个对象数组，在其中对每个位置和索引进行键值映射。

 var array = [{'key': 0, 'value': 'Paris'},{'key': 1, 'value': 'London'},{'key': 2: 'value': 'Amsterdam'}...]

遍历数组并填充您的选择选项：

 <select>
 {array.map((each)=>{return (<option value= each.key></option>)})}
 </select>

在您的事件处理程序中，将键映射到数组中的值以获取您的文本。

 selectHandler(val){
    let result = array.find((each)=>{return each.key === val});
    var textarea = document.getElementById('textArea');
    textarea.value = result.value;
 }