如何使用相同的值在下拉菜单上触发jQuery更改事件 [英] How to trigger jQuery change event on dropdown with same value

问题描述

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

jQuery

  function filterPullDown ）{
 alert（'hello'）; 
} 
 $（。businessTypePullDown）。change（filterPullDown）; 
  

HTML

 < select class =businessTypePullDown> 
< option value =禁用选择>业务类型< / option> 
< option value =1>常规< / option> 
< option value =2>律师< / option> 
< option value =3>软件开发< / option> 
< option value =4>自动修复< / option> 
< / select> 
  

链接至小提琴

解决方案

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

$ b

 < select class =businessTypePullDown > 
< option value =禁用选择>业务类型< / option> 
< option value =1>常规< / option> 
< option value =2>律师< / option> 
< option value =3>软件开发< / option> 
< option value =4>自动修复< / option> 
< / select> 
  

 
 
 
 $ b var filterPullDown = function（）{
 alert（'clicked'）; 
 $ b $点击（函数（）{
 if（flag）{
 filterPullDown（）
} 
标志（b。var flag = false; 
 $（。businessTypePullDown =！flag; 
}）; 
 
 $（。businessTypePullDown）。focusout（function（）{
 flag = false; 
}）; 
}（））; 
  

How can I trigger the jQuery change event every time even when user selects the same value? I need a refresh effect e.g if a user select Lawyer and it alert hello then again user select Lawyer from the dropdown and it should alert hello. How can I achieve it? Following is the code.

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

解决方案

This should work. Its a combination of flags and click events. It will always get triggered when you click on an option.

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

这篇关于如何使用相同的值在下拉菜单上触发jQuery更改事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！