Question

所以我有一个输入框，当用户在其中键入内容时，我希望第二个textarea更改其值以匹配输入的值，点击。我怎样才能使用javascript，jquery或更简单的东西，或者php ...

这是我的代码：

这是第一个输入：

<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>

这是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"/>

Answer 1

如果没有看到你的标记，这样的东西就会起作用，虽然它不能满足你的需求：

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

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

JS Fiddle demo

使用您的更新问题，使用form s中的html：

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

Answer 2

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

Answer 3

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());
    });
});

设置值[jquery或javascript]

3 个答案: