How to get value of a text field using JavaScript? (jQuery)

Question

I'm trying to get the value of a text field using jQuery, but it is not working.

Below is the test:

I have this in HTML:

<input type="text" id="user_time_zone_offset_hours" name="user_time_zone_offset_hours" value="7"/>

In JavaScript, using jQuery (this does not work):

alert($('#user_time_zone_offset_hours').value); //Result is 'undefined'

In JavaScript, not using jQuery (this works):

alert(document.getElementById("user_time_zone_offset_hours").value); //Result is 7

Why is jQuery returning 'undefined' ?

David Tang · Accepted Answer · 2011-02-05 08:37:13Z

17

jQuery wraps the original DOM objects in its own object, so the .value property isn't directly accessible.

To get the original DOM object, you can access the jQuery object as an array:

$('#user_time_zone_offset_hours')[0].value;

Alternatively, jQuery provides a method to get inputs' values:

$('#user_time_zone_offset_hours').val();

answered Feb 5, 2011 at 8:37

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

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

2 Comments

David Tang Over a year ago

@Zabba, same way. If you're using the first method, put an equal sign on the right and your value after that. If you're using the second method, put your value in between the brackets, e.g. .val(1).

Zabba Over a year ago

Yes, I just figured it out too. Thanks!

JasCav · Accepted Answer · 2011-02-05 08:37:53Z

1

It doesn't work because .value isn't the correct call. Try using the .val() function.

alert($('#user_time_zone_offset_hours').val());

answered Feb 5, 2011 at 8:37

JasCav

34.7k21 gold badges117 silver badges175 bronze badges

Comments

sevenseacat · Accepted Answer · 2011-02-05 08:38:02Z

1

Try $('#user_time_zone_offset_hours').val().

answered Feb 5, 2011 at 8:38

sevenseacat

25.1k6 gold badges66 silver badges90 bronze badges

Comments

Jakub Arnold · Accepted Answer · 2011-02-05 08:45:36Z

1

To get the value try

$('#user_time_zone_offset_hours').val()

you can also use

$('p').text()

to get the inner text of a paragraph element, or

$('#any_div').html()

to get HTML contents of any element.

The difference between text() and html() is that if you use text() to set HTML content, eg.

$("#and_div").text('<a href="example.com">Link</a>');

it will get escaped

&lt;a href="example.com"&gt;Link&lt;/a&gt;

answered Feb 5, 2011 at 8:45

Jakub Arnold

87.5k94 gold badges236 silver badges334 bronze badges

Comments

Pradeep · Accepted Answer · 2011-02-05 08:37:31Z

0

You can use $('#user_time_zone_offset_hours').html().

answered Feb 5, 2011 at 8:37

Pradeep

3,2761 gold badge25 silver badges37 bronze badges

Collectives™ on Stack Overflow

How to get value of a text field using JavaScript? (jQuery)

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related