How to get name of an input field using jQuery?

Question

Creating a plugin in jQuery, I have to get the names of input fields on which events would occur.

Suppose:

<input type="text" name="name" />
<input type="text" name="age" />

Whether submitted or not doesn't matter. What I want is to get the name of the field.

I tried the following:

$('#ins').html($(this).attr('name').val());

#ins is the div, where I am writing the events such as a click was made on the input with name = name. This way I want to create a plugin which would guide me to get to know which fields are getting some events.

Could you post the whole of your plugin? Without context it's hard to offer a valid suggestion. — David Thomas
– David Thomas, Commented Oct 10, 2013 at 19:54
@Peter has provided the perfect and in time answer :) It was the val() thing messing up! Now its perfect :) — Afzaal Ahmad Zeeshan
– Afzaal Ahmad Zeeshan, Commented Oct 10, 2013 at 19:57

Afzaal Ahmad Zeeshan · Accepted Answer · 2015-03-24 16:15:16Z

17

You are bit right but when you trying to access attribute you have to use only the attr not the val().

$(this).attr('name')

The above code is enough to get the name of the event triggered elements name attribute.

edited Mar 24, 2015 at 16:15

Afzaal Ahmad Zeeshan

15.9k14 gold badges61 silver badges106 bronze badges

answered Oct 10, 2013 at 19:49

MSMOHAN

2351 silver badge11 bronze badges

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

Comments

Hugo Tostes · Accepted Answer · 2013-10-10 19:53:33Z

1

try this:

$("input[type=text]").each(function(){
   $('#ins').html($(this).attr('name') + " <br>");
});

with this code, you will get the name attribute of all input in the page. And i put a "br" just to break a line.

edited Oct 10, 2013 at 19:53

answered Oct 10, 2013 at 19:48

Hugo Tostes

4124 silver badges13 bronze badges

2 Comments

Afzaal Ahmad Zeeshan Over a year ago

its fair now, and just as i wanted! :D I wanted the <br /> too :)

user1526780 Over a year ago

its difficult in case of dimensional field name

Collectives™ on Stack Overflow

How to get name of an input field using jQuery?

2 Answers 2

Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Related