val() 不会在 jQuery 中触发 change()

onchange 仅在用户输入输入然后输入失去焦点时触发。

您可以在设置值后手动调用 onchange 事件：

$("#mytext").val( 777 ).change(); // someObject.onchange(); in standard JS

或者，您可以使用 trigger 事件：

$("#mytext").val( 777 ).trigger("change");

---

根据 redsquare 的优秀建议，这很好用：

$.fn.changeVal = function (v) {
    return this.val(v).trigger("change");
}

$("#my-input").changeVal("Tyrannosaurus Rex");

---

您可以通过将 val 函数替换为原始 val 函数的代理来轻松覆盖 val 函数以触发更改。

只需在文档中的某处添加此代码（加载 jQuery 后）

(function($){
    var originalVal = $.fn.val;
    $.fn.val = function(){
        var result =originalVal.apply(this,arguments);
        if(arguments.length>0)
            $(this).change(); // OR with custom event $(this).trigger('value-changed');
        return result;
    };
})(jQuery);

一个工作示例：here

（请注意，当调用 val(new_val) 时，这将始终触发 change，即使该值实际上并未更改。）

如果您只想在值实际更改时触发更改，请使用此：

//This will trigger "change" event when "val(new_val)" called 
//with value different than the current one
(function($){
    var originalVal = $.fn.val;
    $.fn.val = function(){
        var prev;
        if(arguments.length>0){
            prev = originalVal.apply(this,[]);
        }
        var result =originalVal.apply(this,arguments);
        if(arguments.length>0 && prev!=originalVal.apply(this,[]))
            $(this).change();  // OR with custom event $(this).trigger('value-changed')
        return result;
    };
})(jQuery);

活生生的例子：http://jsfiddle.net/5fSmx/1/

---

您需要像这样链接方法：

$('#input').val('test').change();

---

不，您可能需要在设置值后手动触发它：

$('#mytext').change();

或者：

$('#mytext').trigger('change');

---

看起来事件并没有冒泡。尝试这个：

$("#mybutton").click(function(){
  var oldval=$("#mytext").val();
  $("#mytext").val('Changed by button');
  var newval=$("#mytext").val();
  if (newval != oldval) {
    $("#mytext").trigger('change');
  }
});

我希望这有帮助。

我只尝试了一个普通的旧 $("#mytext").trigger('change') 而不保存旧值，即使值没有改变，.change 也会触发。这就是为什么我保存了以前的值并仅在它更改时才调用 $("#mytext").trigger('change')。

---

截至 2019 年 2 月，.addEventListener() 目前不适用于 jQuery .trigger() 或 .change()，您可以在下面使用 Chrome 或 Firefox 对其进行测试。

txt.addEventListener('input', function() { console.log('not called?'); }) $('#txt').val('test').trigger('input'); $('#txt').trigger('input'); $('#txt').change();

您必须改用 .dispatchEvent()。

txt.addEventListener('input', function() { console.log('it works!'); }) $('#txt').val('yes') txt.dispatchEvent(new Event('input') );

---

我知道这是一个旧线程，但对于其他人来说，上述解决方案可能不如以下解决方案，而不是检查 change 事件，而是检查 input 事件。

$("#myInput").on("input", function() {
    // Print entered value in a div box
    $("#result").text($(this).val());
});

---

从 https://api.jquery.com/change/：

change 事件在其值更改时发送到元素。此事件仅限于 <input> 个元素、<textarea> 个框和 <select> 个元素。对于选择框、复选框和单选按钮，当用户使用鼠标进行选择时会立即触发该事件，但对于其他元素类型，该事件会延迟到元素失去焦点为止。

---