javascript - 调用选择选项中的函数

Question

我有一个带有两个选项的选择框，我需要在 onchange 中触发该函数，并且需要调用所选选项的函数。例如，如果我选择 option1 作为默认值，它将触发该函数，但如果我选择同样的选项 1 再次发生任何事情。即使我再次选择选项 1，我也想调用该函数。

function hello() {
    alert('hello');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div >
  <select onchange="hello()">
    <option  onclick="hello() value="1">Week 1</option>
    <option  value="2">Week 2</option>
  </select>
</div>

Answer 1

使用 onclick 和 onchange 是不好的做法。我建议使用以下方法来检测值变化。此外，当您单击 Week 1 时，您编写的代码不会触发第二个 hello()。

$("#select").change(function () {
  if ($(this).val() == 1) {
    console.log("you pressed one");
  }
  console.log("you changed the value");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div >
  <select id="select">
    <option value="1">Week 1</option>
    <option value="2">Week 2</option>
  </select>
</div>