当我用按钮更改文本框的值时,我试图触发文本框上的更改事件,但它不起作用。检查这把小提琴。
如果在文本框中键入内容,然后单击其他地方,则会触发更改。但是,如果单击该按钮,文本框值将被更改,但不会触发更改。为什么?
当我用按钮更改文本框的值时,我试图触发文本框上的更改事件,但它不起作用。检查这把小提琴。
如果在文本框中键入内容,然后单击其他地方,则会触发更改。但是,如果单击该按钮,文本框值将被更改,但不会触发更改。为什么?
当前回答
Onchange只在用户输入时触发,然后输入失去焦点。
你可以手动调用onchange事件使用设置后的值:
$("#mytext").val( 777 ).change(); // someObject.onchange(); in standard JS
或者,您可以使用以下命令触发事件:
$("#mytext").val( 777 ).trigger("change");
其他回答
从redsquare的出色建议来看,这非常有效:
$.fn.changeVal = function (v) {
return this.val(v).trigger("change");
}
$("#my-input").changeVal("Tyrannosaurus Rex");
看起来事态并没有发酵。试试这个:
$("#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在下面测试它。
三种。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">
你需要像这样链接这个方法:
$('#input').val('test').change();
您可以使用attr和val方法,然后触发更改:
$('.parent-form').find('input').each(function() {
item = $(this);
item.attr('value', '0622-03-22');
item.val('01/01/01').trigger('change');
});