如何从下拉菜单

时间:2017-09-12 14:23:50

标签: javascript html drop-down-menu alert

我试图在用户从下拉菜单中选择一个选项时向用户显示警告,因此根据选择的选项,将显示不同的警报。到目前为止我有这个

function tagChange(dropdown) {
  for (var i, x = 0; i = dropdown.options[x]; x++) {
    if (i.value == "a") {
      alert("you've clicked a");
    }
  }
}
<select onchange="tagChange(this);" name="topic">
          <option disabled selected value> -- none selected -- </option>
          <option value="a">A</option>
          <option value="b">B</option>
          <option value="c">C</option>
      </select>

它显示警报,但是针对每个被点击的选项,而不仅仅是某个选项。

1 个答案:

答案 0 :(得分:2)

直接与dropdown.value一起使用。不需要循环播放。

注意* :不要忘记在功能中添加括号打开并关闭function(){ }。您在功能启动中缺少{

function tagChange(dropdown) {
  if (dropdown.value == "a") {
    alert("you've clicked a");
  }

}
<select onchange="tagChange(this);" name="topic">
      <option disabled selected value> -- none selected -- </option>
      <option value="a">A</option>
      <option value="b">B</option>
      <option value="c">C</option>
  </select>