javascript - 如何使用 Javascript 更新选定的选项值

Question

我正在尝试为用户输入添加额外的 5 分钟。换句话说;如果用户从下拉列表中选择上午 8:00；结果应该是上午 8:05。我尝试用字符串来实现(下面的示例)并且它有效。但是 - 我想知道是否有一种方法可以自动转换时间值并将其传递给结果。

function myFunction() {
  var time = document.getElementById("mySelect").value;
  document.getElementById("result").innerHTML = "8:05 AM";
}

<select id="mySelect">
  <option>8:00 am</option>
</select>

<button onclick="myFunction()">Get Result with extra 5min</button>

<p id="result"></p>

Answer 1

执行此操作的简单方法:

<select id="mySelect">
  <option value="8:05 AM">8:00 am</option>
  <option value="9:05 AM">9:00 am</option>
</select>

<button onclick="myFunction()">Get Result with extra 5min</button>

<p id="result"></p>

<script>
  function myFunction() {
  var time = document.getElementById("mySelect").value;
  document.getElementById("result").innerHTML = time;
}
</script>