Проверьте изменение выбранного значения тега select

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. Я должен признать, произошло ли любое обновление/изменение для тега То же я должен проверить MULTISELECT выпадающего списка также.

Answer 1

Попробуйте что-то вроде этого:

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

ИЛИ

$("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

Событие .change в jQuery обрабатывает как одиночный, так и множественный выбор для выпадающих списков.

здесь код для выбора

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

Надеется, что это помогает