检查选择标记的选定值的变化

Question

如何检查使用jquery的下拉框是否发生了任何更改？

<select id="bonus"> 
    <option value="1">-$5000</option> 
    <option value="2">-$2500</option> 
    <option value="3">$0</option> 
    <option value="4" selected="selected">$1</option> 
    <option value="5">We really appreciate your work</option> 
</select> 

初始选择的值是4，我不得不承认是否发生了标签 同我必须检查多选下拉也是所有更新/改变。

Answer 1

尝试是这样的：

$("select").change(function() { 
     var txt = $(this).val(); 
     $(this).next('span.out').text(txt); 
    }).trigger('change');​ 

OR

$("select").each(function(){ 

    var select = $(this), 
     out = select.next(); 

    select.change(function() { 
     out.text(select.val()); 
    }); 

}).trigger('change'); 

Answer 2

尝试在文件准备好这样做

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

参考：http://api.jquery.com/change/

Answer 3

JSFIDDLE

jQuery中的.change事件处理单选和多选下拉菜单。

这里是你的选择

$(function(){ 
    $("#bonus").change(function(){ 
     alert('changed'); 
    }); 
}); 

希望这段代码可以帮助