Alerting the this.id keyword returns undefined Javascript

javascript jquery html dynamic inputbox
user2342875 picture user2342875 · Oct 10, 2013 · Viewed 12.9k times · Source

I create the same inputbox a couple of times dynamically. When a user presses enter it calls a function. I then test with this code:

function insertComment(){
  alert($(this).attr('id'));
}

But it keeps returning undefined. Here is the syntax I use to create similiar input boxes:

$("#divToAppend").append("<input id='testID' type = 'text' class = 'formatCSS' style = 'margin-top:12px ; ' placeholder = 'Add Comment' onkeydown='if (event.keyCode == 13) insertComment()'></input>");

Answer

Vicky Gonsalves picture Vicky Gonsalves · Oct 10, 2013

Just pass this while calling method :

$("#divToAppend").append("<input id='testID' type = 'text' class = 'formatCSS' style = 'margin-top:12px ; ' placeholder = 'Add Comment' onkeydown='if (event.keyCode == 13) insertComment(this)'></input>");


function insertComment(this)
{ 
alert($(this).attr('id')); 
}

Related questions

How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More
How can I know which radio button is selected via jQuery?

I have two radio buttons and want to post the value of the selected one. How can I get the value with jQuery? I can get all of them like this: $("form :radio") How do I know which one is …

Read More
HTML text input allow only numeric input

Is there a quick way to set an HTML text input (<input type=text />) to only allow numeric keystrokes (plus '.')?

Read More