如何基于JavaScript中menulist选项提交的用户输入返回特定字符串？

我有下面的HTML代码，它只是一个默认选项加上4个选项的菜单列表，供用户选择，带有一个提交按钮。我试图找出如何编写JavaScript代码，当单击submit按钮时，代码会引用用户选择的menulist选项，并返回一个与用户选择的选项相关的短语。一般来说，我对编码非常陌生，所以如果有其他相关信息需要提供，请告诉我（我尽量保持简洁）

代码：

投资期限：
你打算投资多少年？
不足一年
1至3年
在3到10之间
年
十多年

您可以看到代码的一个工作示例（提示在控制台中查看结果）

投资期限：
你打算投资多少年？
不足一年
1至3年
在3到10之间
年
十多年
函数更改选择（）{
设x=document.getElementById（“investmentHorizon”）.value；
console.log（'您已选择'+x）
}

您正在寻找所谓的EventListener，它们是UI上的反应（单击、更改等）和脚本可能完成的后端（或任何形式的特殊操作）之间的链条

对于你的信息，如果你在这里发布之前至少做一点研究，社区会更感激你，因为这是一件很容易找到的事情

---

干杯，继续学习

您可以将此代码添加到//此处并尝试理解它。我保持简单

let btn = document.getElementById('submit');

btn.addEventListener('click', function(event) {
  event.preventDefault();
  
  let options = document.getElementsByTagName('option');
  
  console.log("ici")
  for(let i = 0; i < options.length; i++) {
    if(options[i].selected)
      console.log(options[i].innerHTML);
  }
});

让btn=document.getElementById（'submit'）；
btn.addEventListener（'click'，函数（事件）{
event.preventDefault（）；
让options=document.getElementsByTagName（'option'）；
控制台日志（“ici”）
for（设i=0；i

这个答案不能解决您的问题吗？

<label for="investmentHorizon">Investment Horizon:</label>
                      <select id="investmentHorizon">
                          <option value="default">How many years are you planning to invest for? 
  </option>
                          <option name='horizonOption' value="ultraShortTerm">Less than 1 year</option>
                          <option name='horizonOption' value="shortTerm">Between 1 and 3 years</option>
                          <option name='horizonOption' value="mediumTerm">Between 3 and 10 
  years</option>
                          <option name='horizonOption' value="longTerm">More than 10 years</option>
                      </select>

  <input id='submit' type='submit' value='Submit' name='' onclick="changeSelection()">

  <script>
    function changeSelection() {
      let x = document.getElementById("investmentHorizon").value;
      console.log('You have selected ' + x)
    }
  </script>

let btn = document.getElementById('submit');

btn.addEventListener('click', function(event) {
  event.preventDefault();
  
  let options = document.getElementsByTagName('option');
  
  console.log("ici")
  for(let i = 0; i < options.length; i++) {
    if(options[i].selected)
      console.log(options[i].innerHTML);
  }
});