javascript - 条件下拉菜单

Question

我想弄清楚如果你在我的下拉菜单中选择一些东西，它会写在 HTML 中'你想要.....'

这是我的代码

function latte1() {
  if (document.getElementById("latte").click) {
    alert("You like Latte")
  } else {
    document.write("You like Something else")
  }
}

<option id="latte" onclick="latte1()">Latte</option>

任何帮助表示赞赏

标签： javascriptif-statement

Answer 1

您必须从一个在进行选择时<select>引发change事件的元素开始。在该事件中，this.value指的是选定的值。

var drinkSelect = document.getElementById("drink");
var outputDiv = document.getElementById("output");
drinkSelect.addEventListener("change",function(){
  outputDiv.innerText = "You like " + this.value;
})

<select id="drink">
  <option value="">Which drink would you like?</option>
  <option>Latte</option>
  <option>Capuccino</option>
  <option>Americano</option>
  <option>Tea</option>
</select>
<div id="output"></div>