how to listener event in jquery?

Question

everyone,i am a beginner about js,so i have a Question,code:

var formDate=$("#formStudentInfo").serializeArray();
    var inputArray=[];

     for (var i=0;i<formDate.length;i++) {

        var element=$('#form_'+formDate[i]['name']);
        inputArray.push(element);
        console.log(inputArray)
        inputArray[i].on('click',function(){
            console.log(inputArray[0]['name']);
        })
     }

i have a form name is #formStudentInfo,there are two input in this form,input name is "form_name"and"form_userName",How do I get the input name，when i click input？ thanks everyone

i remember as3 do it is "buttons[i].addEventListener(MouseEvent.CLICK, clickHandler);" ,how to do in js? — glig
– glig, Commented May 20, 2016 at 9:14
Use 'onclick' event w3schools.com/jsref/event_onclick.asp in html <element onclick="myScript"> — layonez
– layonez, Commented May 20, 2016 at 9:16

gurvinder372 · Accepted Answer · 2016-05-20 09:15:17Z

1

You shouldn't use the looping counter variable inside the asynchronous callback handler.

Value of i will not be same when the element is clicked. since by that time it will always be equal to formDate.length since when the element is clicked this loop has already run.

Replace

inputArray[i].on('click',function(){
    console.log(inputArray[0]['name']);
})

with

element.on('click',function(){
   console.log($(this).attr('name')); //using the reference to current element using $(this)
})

or simply

element.click(function(){ //directly using the click method rather than delegation
   console.log($(this).attr('name')); //using the reference to current element using $(this)
})

answered May 20, 2016 at 9:15

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

Collectives™ on Stack Overflow

how to listener event in jquery?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related