Hello actually I have an div tag in which there are multiple form. What I want is to apply onChange event on the div for each input field. Present I am trying this

Applying form class to each form and getting onchange event

$('.form :input').change(function(e){
   console.log("Element changed");
});

But I am not able to get the info which field is changed and what is the updated value.

So can I apply it on the div itself? If not how can the get the field info which is changed.

Hello actually I have an div tag in which there are multiple form. What I want is to apply onChange event on the div for each input field. Present I am trying this

Applying form class to each form and getting onchange event

$('.form :input').change(function(e){
   console.log("Element changed");
});

But I am not able to get the info which field is changed and what is the updated value.

So can I apply it on the div itself? If not how can the get the field info which is changed.

• javascript
• jquery
• html
• onchange

Share Improve this question Follow edited Feb 3, 2014 at 11:56 harpax 6,11655 gold badges3737 silver badges4949 bronze badges asked Feb 3, 2014 at 11:52 Nikhil AgrawalNikhil Agrawal 26.6k2121 gold badges9393 silver badges127127 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

Try this:

$(function(){
   $('.form :input').change(function(e){
      console.log($(e.target).attr('id'));
   });
});

here e.target is your current element which got the event of change.

---

As per your ment:

How we can say which field is changed.

you need to assign an unique identifier to all your input type text:

<input type='text' id='a'>
<input type='text' id='b'>
   ..................

then use this:

$('.form :input').change(function(e){
   $('#log').prepend('<p>Form changed ' + $(e.target).attr('id') + '</p>')
});

A demo of your fiddle here.