jQuery 'change' event handler

Question

I am making a file uploader. I am trying to make it so that when one input field is filled it creates a new input field. My issue is in binding the event handler to dynamically created elements. My code can be found at the following URL: http://jsfiddle.net/sJ5Az/

If you look in the scripts section at the line indicated, the issue is that the event handler is not actually set here. It does not produce any visible errors or console errors.

score 1 · Accepted Answer · edited May 23 '17 at 12:20

1

ok just try this . i have updated your js fiddle http://jsfiddle.net/sJ5Az/5/

You have to use the jquery live event that Attach an event handler for all elements which match the current selector, now and in the future.

Ref site:
Jquery live event

Update

Live is depreciated so now on function will work as live here is the link for ref

this question is updated accordingly to on function here is the demo http://jsfiddle.net/sJ5Az/6/

edited May 23 '17 at 12:20

Community

1
1

answered Sep 05 '12 at 04:57

chhameed

4,406
4
26
44

Thanks Hameed, I have read about jQuery live, however being new to jQuery I forgot about it almost immediately. – Shane Sep 05 '12 at 05:03
@undefined do you have any evidence about this ? – chhameed Sep 05 '12 at 05:05

jQuery 'change' event handler

1 Answers1

Update