Get text value in jquery?

Question

I have my markup like this

<div class="text-input-area"> <input type="text" id="text-input"/> <br /> <input id="button" type="submit" value="Preview" /> </div><!--.text-input-area-->

In the input area I will type only text. Now when I will click on button Preview it should show the text that I had type. For that I have made my jquery like this

<script type="text/javascript"> jQuery(document).ready(function() { jQuery('#button').click(function() { var textvalue = $( "#text-input").text(); alert('textvalue'); }); }); </script>

But its not working at all. Can someone tell me how to do this?

Tats_innit · Accepted Answer · 2013-10-05 06:49:12Z

demo http://jsfiddle.net/gmeEL/

API:

.val() : http://api.jquery.com/val/

Hope this will fit the cause :)

code

 jQuery(document).ready(function() { jQuery('#button').click(function() { var textvalue = $( "#text-input").val(); alert(textvalue); }); });

Satpal · Accepted Answer · 2013-10-05 06:48:26Z

Use $( "#text-input").val() instead of $( "#text-input").text() and alert(textvalue) instead of alert('textvalue')

Complete Code:

jQuery(document).ready(function() { jQuery('#button').click(function() { var textvalue = $( "#text-input").val(); alert(textvalue); }); });

Fiddle Demo

Arun P Johny · Accepted Answer · 2013-10-05 06:48:52Z

Two problems

need to use .val() to get the value of an input field
need to use the variable textvalue for the alert not a string literal 'textvalue'

Try

jQuery(function ($) { $('#button').click(function () { var textvalue = $("#text-input").val(); alert(textvalue); }); });

Satpal · Accepted Answer · 2013-10-05 06:58:51Z

0

for inputs and select use $(selector).val() for span use $(selector).text()

edited Oct 5, 2013 at 6:58

Satpal

134k13 gold badges168 silver badges171 bronze badges

answered Oct 5, 2013 at 6:50

Anton

634 bronze badges

Comments

zzlalani · Accepted Answer · 2013-10-05 07:03:15Z

It should be a val() i.e. a jquery function that returns a value of the element

var textvalue = $( "#text-input").val();

Please note that

The .text() method cannot be used on form inputs or scripts. To set or get the text value of input or textarea elements, use the .val() method. To get the value of a script element, use the .html() method.

http://api.jquery.com/text/

Collectives™ on Stack Overflow

Get text value in jquery?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Related