How to fire JQuery change event when input value changed programmatically?

javascript jquery html onchange
Mohammad picture Mohammad · Nov 24, 2015 · Viewed 52.3k times · Source

I want to fire the JQuery change event when the input text is changed programmatically, for example like this:

But it doesn't work. How can I make this work?

Answer

Pranav C Balan picture Pranav C Balan · Nov 24, 2015

change event only fires when the user types into the input and then loses focus.

You need to trigger the event manually using change() or trigger('change')

$("input").change(function() {
  console.log("Input text changed!");
});
$("input").val("A").change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type='text' />

Related questions

How to pass parameters on onChange of html select

I am a novice at JavaScript and jQuery. I want to show one combobox-A, which is an HTML <select> with its selected id and contents at the other place on onChange(). How can I pass the complete combobox …

Read More
Set Label Text with JQuery

This should be quite straight forward, however the following code does not do anything as far as changing the next label's text. I have tried using .text, .html, and so on to no avail. Is there anything wrong with this …

Read More
jQuery change event being called twice

I have a form with some input and select boxes, each has class="myClass". I also have the following script: $(document).ready(function() { $(".myClass").change(function() { alert('bla'); }) }); I dont understand why after each change in select box or input …

Read More