[RESOLVED] jquery display text

Printable View

Sep 14th, 2012, 04:52 AM
JJJCR_FOX

[RESOLVED] jquery display text

hi gurus,

need your help. I had tried making this simple html with jquery.

I want to display the text on the input button to the text area simultaneously.

how do i do it? please check code below which I had started. Thank you.

Code:

<!DOCTYPE html> <html> <head> <style> <script src="http://code.jquery.com/jquery-latest.js"></script> </style> </head> <body> <form> <fieldset> <label for="target">Type Something:</label> <input id="target" type="text" /> </fieldset> </form> <form name="display_form"> <textarea id="txtdisp" rows="2" cols="20"> </textarea> </form> <script> var txt= $("#target").val(); onKeyUp="display_form.form.txtdisp.value=txt"; </script> </body> </html>
Sep 14th, 2012, 11:58 PM
akhileshbc

Re: jquery display text

Try this:

Code:

<script> $(document).ready(function(){ $('#target').keyup(function(){ var txt= $(this).val(); $('#txtdisp').val(txt); }); }); </script>

To test it live, check this fiddle: http://jsfiddle.net/4zrZg/

:wave:
Sep 15th, 2012, 07:35 PM
JJJCR_FOX

Re: jquery display text

hi akhileshbc, thanks for your help.

it works on the fiddle url that you posted.

but when I tried to save the file as an html file, it doesn't work.

anything i'm missing? thank you.
Sep 16th, 2012, 12:05 PM
akhileshbc

Re: jquery display text

Are you trying to save the html file in the fiddle, just by choosing the Save As option from your browser ?

If you want to copy the code from the fiddle, just copy that code and paste it in a new html file. That's all !

:wave:
Sep 17th, 2012, 01:22 AM
JJJCR_FOX

Re: jquery display text

hi akhileshlbc, thanks it works!

it does not work because of the style tag:

<style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</style>

but it works if i removed the <style> </style> tag.

Thanks again ;)
Sep 17th, 2012, 11:42 AM
akhileshbc

Re: [RESOLVED] jquery display text

:)

Good luck :thumb: