javascript - 如何在具有相同值的下拉菜单上触发 jQuery 更改事件

Question

即使用户选择相同的值，我如何才能每次都触发 jQuery 更改事件？我需要刷新效果，例如，如果用户选择 Lawyer 并提醒 hello 然后用户再次从下拉列表中选择 Lawyer 并且它应该提醒 你好。我怎样才能实现它？以下是代码。

jQuery

function filterPullDown () {
    alert('hello');
}
$(".businessTypePullDown").change(filterPullDown);

HTML

<select class="businessTypePullDown">
    <option value="" disabled selected>Business Type</option>
    <option value="1">General</option>
    <option value="2">Lawyer</option>
    <option value="3">Software Development</option>
    <option value="4">Auto-repair</option>
</select>

Link to fiddle

Answer 1

这应该有效。它是标志和点击事件的组合。当你点击一个选项时，它总是会被触发。

<select class="businessTypePullDown">
    <option value="" disabled selected>Business Type</option>
    <option value="1">General</option>
    <option value="2">Lawyer</option>
    <option value="3">Software Development</option>
    <option value="4">Auto-repair</option>
</select>

(function () {

  var filterPullDown = function() {
         alert('clicked');   
    }
    var flag = false;
    $(".businessTypePullDown").click(function () {
        if (flag) {
            filterPullDown()
        }
        flag = !flag;
    });

    $(".businessTypePullDown").focusout(function () {
        flag = false;
    });
}());