檢查選擇標記的選定值的變化

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

希望這段代碼可以幫助