javascript - Jquery 在后台 ajax 加载后监听输入字段的变化

Question

我这里有两个 Jquery 函数，第一个函数根据用户下拉选择选项执行 ajax 加载，然后根据返回值更改输入字段。这很好用。

//perform a background ajax load and get the allocation available if any
$("#ministry").change(function(){
    var ministry=$("#ministry").val();
    var url="/VoteBook/ministry.php?mini="+ministry;
    $.get(url, function(data,status){
        $(".alloc").val(data);
    })
});

那么第二个函数应该监听上面指定的输入字段的变化，如果输入字段中的值为0，它应该禁用表单中的所有输入字段。看起来，'jquery on change' 函数没有通过输入字段上的 ajax 检测到更改。非常感谢任何帮助。

//disable all inputs on allocation field change

$(".alloc").change(function(){
    var allocation=$(".alloc").val();
    if(allocation==0){
        $("#add_vote_form :input").attr('disabled', true);
    }
});

Answer 1

问题在于以编程方式更改 input 元素值不会引发事件。要获得所需的行为，您可以手动 trigger() 事件:

$.get(url, function(data,status){
    $(".alloc").val(data).trigger('change');
})