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

尝试在文档准备

中执行此操作

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

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

Answer 2

尝试这样的事情：

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

<强> JSFIDDLE

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

这是您选择的代码

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

希望这有帮助

检查选择标记的选定值的更改

3 个答案: