val() doesn't trigger change() in jQuery

jquery triggers
Ergec picture Ergec · Jul 5, 2010 · Viewed 254.6k times · Source

I'm trying to trigger the change event on a text box when I change its value with a button, but it doesn't work. Check this fiddle.

If you type something in the text boxes and click somewhere else, change is triggered. However, if you click the button, the text box value is changed, but change doesn't trigger. Why?

Answer

djdd87 picture djdd87 · Jul 5, 2010

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

You can manually call the onchange event using after setting the value:

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

Alternatively, you can trigger the event using:

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

Related questions

How to trigger a click on a link using jQuery

I have a link: <ul id="titleee" class="gallery"> <li> <a href="#inline" rel="prettyPhoto">Talent</a> </li> </ul> and I am trying to trigger it by using: $(…

Read More
How to trigger click event on href element

I am trying to trigger click event on hyperlink with jQuery like the way below. Hyperlink does not have any id but it does have cssclass $(document).ready(function () { $('.cssbuttongo').trigger('click'); }); The function above is not working. This …

Read More
Definitive way to trigger keypress events with jQuery

I've read all the answers on to this questions and none of the solutions seem to work. Also, I am getting the vibe that triggering keypress with special characters does not work at all. Can someone verify who has done …

Read More