你需要像这样链接这个方法:

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

从redsquare的出色建议来看，这非常有效:

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

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

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

当元素的值发生变化时，change事件被发送到元素。此事件仅限于<input>元素，<textarea>框和<select>元素。对于选择框、复选框和单选按钮，当用户使用鼠标进行选择时，事件将立即触发，但对于其他元素类型，事件将延迟到元素失去焦点。

截至2019年2月，. addeventlistener()目前还不能使用jQuery .trigger()或.change()，您可以使用Chrome或Firefox在下面测试它。

三种。addEventListener('input'， function() { console.log('不叫吗? '); }） $ (' # txt) .val .trigger(“测试”)(“输入”); $ (' # txt) .trigger(“输入”); $ (' # txt) .change (); < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> <input type="text" id="txt">

你必须使用. dispatchevent()来代替。

三种。addEventListener('input'， function() { console.log(“它!”); }） $ (' # txt) .val(“是”) 三种。dispatchEvent(新事件(“输入”)); < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> <input type="text" id="txt">

看起来事态并没有发酵。试试这个:

$("#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')仅当它发生变化时。

我知道这是一个旧线程，但对于其他人来说，上面的解决方案可能不如下面的好，而不是检查更改事件，检查输入事件。

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