setting values [jquery or javascript]

Question

So I have an input box, and when a user types something in it I want a second textarea change its value to match that of the input's, on click. How can I do this using javascript, jquery, or something simpler, or php...

Here's my code:

This is the first input:

<form class="form1" action=../search.php method="post">
<input class="askInput" type="text" name="q" value="Search for tags and users or ask a question" onclick="if(this.value == 'Search for tags and users or ask a question') this.value='';"  onblur="if(this.value.length == 0) this.value='Search for tags and users or ask a question';"></input>
                    <input class="searchEnter" type="image" name="submit" src="../Images/askQuestion.png"></input></form>

This is the textarea:

<div id="askCenter">
<img class="close" src="../Images/closeAsk.png"></img>
<h1><img src="../Images/askQuestionTitle.png" alt="Ask this question"></img></h1>
<textarea></textarea>
<span class="holder"><input type="text" value="add tags" onclick="if(this.value == 'add tags') this.value='';"  onblur="if(this.value.length == 0) this.value='add tags';"></input>
<span class="note">&#8727; Tags are separated by commas</span>

</span>
<input class="askAway" type="image" src="../Images/askAway.png" alt="Ask away"/>

Not really, I'm asking what the html of your form element looks like. The rendered html, as seen by the browser, since that's what JavaScript (and, jQuery is only JavaSCript) works on, and with. — David Thomas
– David Thomas, Commented Apr 11, 2011 at 23:06
The user types into the input of name="q", and that text should appear in the textarea inside of the div of id="askCenter"? — David Thomas
– David Thomas, Commented Apr 11, 2011 at 23:21

David Thomas · Accepted Answer · 2011-04-11 23:23:53Z

5

Without seeing your mark-up, something like this would work, albeit it's not tailored to your needs:

$('#first').keypress(
    function(e){
        var string = $(this).val();
        $('#textarea').val(string);
    });

$('form').submit(
    function(){
        return false;
    });

JS Fiddle demo.

With your updated question, with the html from your forms:

$('input:text[name="q"]').keypress(
    function(e){
        $('#askCenter').find('textarea').val($(this).val());
    });

edited Apr 11, 2011 at 23:23

answered Apr 11, 2011 at 23:05

David Thomas

254k53 gold badges382 silver badges421 bronze badges

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

2 Comments

Blender Over a year ago

I'd use a different variable name. But +1 for generality!

David Thomas Over a year ago

@hubrid, you're very welcome, glad to have been of service :)

Kerem Baydoğan · Accepted Answer · 2011-04-11 23:17:01Z

0

TRY IT HERE

HTML MARKUP

<input type="text" id="inputField"></textarea>
<textarea id="textArea"></textarea>

JQUERY

$(document).ready(function(){
    $('#inputField').keyup(function() {
        $('#textArea').val($(this).val());
    });
});

answered Apr 11, 2011 at 23:17

Kerem Baydoğan

10.8k1 gold badge45 silver badges53 bronze badges

3 Comments

David Thomas Over a year ago

Could you bring the relevant jQuery, or JavaScript, in-line with your answer?

hubrid Over a year ago

sweeeeeeeeeeeeet. (had to have lots of characters to reach the limit)

Blender Over a year ago

I'd go easy with the caps lock key ;)

danniel · Accepted Answer · 2011-04-11 23:10:42Z

0

<input type="text" id="txt1" onkeyup="document.getElementById('txt2').value=this.value;"/>
<input type="text" id="txt2" />

answered Apr 11, 2011 at 23:10

danniel

1,7511 gold badge11 silver badges13 bronze badges

Collectives™ on Stack Overflow

setting values [jquery or javascript]

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related