How to get the name's value from a input in jquery

Question

I am trying to get the name's value from an input HTML element using jQuery but it doesn't works.

HTML code:

<p class="myclass"><input type="text" name="thisismyname1" value="123"></p>
<p class="myclass"><input type="text" name="thisismyname2" value="456"></p>
<p class="myclass"><input type="text" name="thisismyname3" value="789"></p>

I am trying to get all the name values using this peace of code in jQuery:

$(.myclass).each(function(value){
  alert('input name='+ $(this).attr('name') +'='+$(this).val());
  });

This $(this).attr('name') seems not to be working.

Oleksandr T. · Accepted Answer · 2014-11-27 16:00:43Z

2

You search by p but p does not have attribute name, your selector should like this

$('.myclass input').each(function(value){
  console.log('input name='+ $(this).attr('name') +'='+$(this).val());
});

Demo: http://jsbin.com/jujaho/2/edit

edited Nov 27, 2014 at 16:00

answered Nov 27, 2014 at 15:51

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

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

Comments

lshettyl · Accepted Answer · 2014-11-27 15:56:44Z

0

You need to look for the input under the context of each iteration, like below,

$(".myclass").each(function() {

  var $input = $(this).find("input");
  alert ("Name: " + $input.attr("name"));
  alert ("Value: " + $input.val());
});

answered Nov 27, 2014 at 15:56

lshettyl

8,1815 gold badges27 silver badges31 bronze badges

Collectives™ on Stack Overflow

How to get the name's value from a input in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related