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

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()就会被触发。