javascript - 如果新值与旧值相同，如何在 HTMLSelectElement 上触发更改事件？

Question

我有以下标记:

<select onchange="jsFunction()">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

当用户下拉组合框并选择与先前选择相同的选项(或根本不更改选择)时，JavaScript 不会将其视为 onchange 事件。因此，不会调用 jsFunction()。但即使在这种情况下，我也希望调用 jsFunction()。我怎样才能做到这一点？

Answer 1

我会这样做:

<select onchange="jsFunction()">
  <option value="" disabled selected style="display:none;">Label</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

如果您愿意，可以使用与第一个选项相同的标签，在本例中为 1。更妙的是:为方框中的选项贴上标签。