[RESOLVED] jquery display text

**JJJCR_FOX** · Sep 14th, 2012, 04:52 AM

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>

**akhileshbc** · Sep 14th, 2012, 11:58 PM

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/

**JJJCR_FOX** · Sep 15th, 2012, 07:35 PM

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.

**akhileshbc** · Sep 16th, 2012, 12:05 PM

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 !

**JJJCR_FOX** · Sep 17th, 2012, 01:22 AM

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

**akhileshbc** · Sep 17th, 2012, 11:42 AM

Good luck

Thread: [RESOLVED] jquery display text

Thread Tools

Display

[RESOLVED] jquery display text

Re: jquery display text

Re: jquery display text

Re: jquery display text

Re: jquery display text

Re: [RESOLVED] jquery display text

Tags for this Thread

Posting Permissions