Error javascript can not get value from attribute value

Question

$(document).ready(function(){
    $('.submit').click(function(){
         var value = $('#Name').attr('value');
        alert(value); 
    });  
});
<input type="text" value="10" id="Name"/>Hello world
<input type="submit" class="submit" value="submit"/>

Result is "Hello World", I want get value is "10", how to fix it ?

It gives 10 on my computer. Which JQuery version are you using? — batbaatar
– batbaatar, Commented Jan 18, 2012 at 4:57

Adam Rackis · Accepted Answer · 2012-01-18 04:52:09Z

3

I'm not sure why you're getting Hello World, but to retrieve an input's value, use the val() function

var value = $('#Name').val();

You don't have a second input on your page anywhere with an id of "Name", do you?

Also, depending on what you want to do, you may be better off handler the form's submit event, rather than the submit button's click handler:

$(document).ready(function(){
    $('form').submit(function(){
         var value = $('#Name').val();
        alert(value); 
    });  
});

answered Jan 18, 2012 at 4:52

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

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

2 Comments

gdoron Over a year ago

Don't know why everyone use attr for value today

dfsq Over a year ago

Don't know why they submit forms using click event on a button!

Sameera Thilakasiri · Accepted Answer · 2012-01-18 04:56:53Z

0

Working fiddle of example,

answered Jan 18, 2012 at 4:56

Sameera Thilakasiri

9,51810 gold badges54 silver badges87 bronze badges

Collectives™ on Stack Overflow

Error javascript can not get value from attribute value

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related