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

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);

});

问题

现在，当用户打开选择框但没有选择除已选择的选项之外的任何其他值时，默认情况下会更改＆＃39;事件监听器不会触发，但我的doSomething函数需要被触发。

有没有人知道这个可行而直接的解决方案？

Answer 1

您可以在click，focus和/或blur事件上触发相同的代码段。这种方式doSomething()将在您需要时触发。