Input change function doesn't trigger - jquery

Question

I have a dropdown and a textbox.

I'm passing the dropdown value to a textbox.

And the dropdown I've created using jquery.dropdown. And so I can't directly write a function like $('.dropdown').change(function() {}).

Now I wanted to write a function on textbox change.

I tried few functions. But nothing helped me out.

It only works if I manually type or press enter while focused on the textbox.

adeneo · Accepted Answer · 2014-03-31 03:54:04Z

3

Programatically changing a value does not trigger events, only user interaction does that.
You'd have to trigger the event yourself

$("input[name='textbox']").val(value).trigger('change');

answered Mar 31, 2014 at 3:54

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Great!! Thanks a lot. That helped me out. So the values generated or passed progrmatically does not trigger any events. Thanks again. +1 :)

xiidea · Accepted Answer · 2014-03-31 04:11:17Z

0

You can just use change function to trigger the event:

$('.dropdown').change(function() {

    $("input[name='textbox']").val(this.value).change()
})

Here Is your updated script

answered Mar 31, 2014 at 4:11

xiidea

3,40222 silver badges24 bronze badges