jqueryで実際のドロップダウン・ファイア・ハンドラを作成することはできますか？

Question

次の例では、クリックするとドロップダウンの値を変更したいですが、警告メッセージが表示されないため、スクリプトがドロップダウンでマウスクリックしたように見えないようです。

$("#Filters").change(function() { 
    alert("Handler for .change() called."); 
}); 

$(".button.two").click(function() { 
    $("#provider").val(".option_two"); 
}); 

$(".button.three").click(function() {  
    $("#provider").val(".option_three");  
}); 

My fiddle

私も試してみてください。

$(document).on('change', '#Filters', function(){ 
     alert("Handler for .change() called."); 
}); 

Answer 1

手動で値トリガ変更イベントを変更した後。

$("#Filters").change(function() { 
    alert("Handler for .change() called."); 
}); 

$(".button.two").click(function() { 
    $("#provider").val(".option_two").change(); 
}); 

$(".button.three").click(function() {  
    $("#provider").val(".option_three").change();  
});