Triggerwechsel Ereignis wenn sich der Eingangswert programmatisch geändert hat?

Question

Ich habe einen Eingang in meiner Form.

<input type="text" id="changeProgramatic" onchange="return ChangeValue(this);"/> 

Wenn ich den Wert in diesem Feld (changeProgramatic) unter Verwendung eines anderen JavaScript-Funktion es auslösen wird nicht die Änderung Ereignis ändern (Anmerkung: Ich bin vorbei ‚this‘ in das Verfahren).

Answer 1

Sie verwenden jQuery, oder? Trennen Sie JavaScript von HTML.

Sie können trigger oder triggerHandler verwenden.

var $myInput = $('#changeProgramatic').on('change', ChangeValue); 

var anotherFunction = function() { 
    $myInput.val('Another value'); 
    $myInput.trigger('change'); 
}; 

Answer 2

Berufung der Handler selbst nach dem programmatischen Ändern des Textes sollte funktionieren:

var input = document.getElementById("changeProgramatic"); 
input.value = 'New Value'; 
input.onchange(); 

Answer 3

Haben Sie Lösung erfahren, vielleicht wird dies dazu beitragen:

Auf Ihrer Textbox, ich brauche bind Funktion von jQuery zu verwenden. Also, wenn Sie auslösen, wird es funktionieren. Ich hatte das Problem ähnlich dir und ich binde direkt Ereignis, danach trigger ich dieses Ereignis, bups, es wird nicht funktionieren. Also habe ich die Bindungsmethode zu ändern binden zu verwenden ("name-Ereignis", function() {} .. und es funktioniert wie ich will

Answer 4

Vanilla JS Lösung.

var el = document.getElementById('changeProgramatic'); 
el.value='New Value' 
el.dispatchEvent(new Event('change')); 

Beachten Sie, dass dispatchEvent doesn‘ t arbeiten in alten IE (siehe: caniuse) .So sollten Sie wahrscheinlich nur auf internen Websites (nicht auf Websites mit einem breiten Publikum).