未更改值的选择元素的事件侦听器。

Question

我的情况如下：

我有一个有几个选项的选择框。其中一个选项可以通过后端在页面上预选：

<select name="select" class="js-choice-select">
    <option value="option-1">Option 1</option>
    <option value="option-2" selected="selected">Option 2</option>
    <option value="option-3">Option 3</option>
    <option value="option-4">Option 4</option>
    <option value="option-5">Option 5</option>
</select>

每当此select元素更改值时，需要触发一些JS代码。因此，在这个使用jQuery的例子中，我添加了以下代码：

$(".js-choice-select").on("change", function() {

    var selectedValue = $(this).val();

    doSomething(selectedValue);

});

问题

现在，当用户打开选择框，但除了已经选择的选项之外，不选择任何其他值时，默认的'change‘事件侦听器将不会触发，但是我的doSomething函数需要被触发。

有没有人知道一个可行的、直截了当的解决方案？

Answer 1

您可以在click、focus和/或blur事件上触发相同的代码。这样，只要您需要doSomething()，就会触发它。