設置值[jquery or javascript]

所以我有一個輸入框，當用戶在其中鍵入內容時，我希望第二個textarea更改其值以匹配輸入的值，單擊。我怎樣才能做到這一點使用JavaScript，jQuery的，或者更簡單的東西，或php ...設置值[jquery or javascript]

這裏是我的代碼：

這是第一個輸入：

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

來源

2011-04-11 hubrid

你使用什麼標記？ – 2011-04-11 23:04:20

php和html是我明白你的要求 – hubrid 2011-04-11 23:05:21

不是，我問你的'form'元素的html是什麼樣的。正如瀏覽器所看到的那樣，所呈現的html，因爲這就是JavaScript（以及，jQuery僅僅是JavaSCript）的工作原理。 – 2011-04-11 23:06:28

TRY IT HERE

HTML標記

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

JQUERY

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

來源

2011-04-11 23:17:01

您能否將相關的jQuery或JavaScript與您的答案聯繫起來？ – 2011-04-11 23:18:16

你太快了我正在編輯它:) – 2011-04-11 23:19:48

sweeeeeeeeeeeeet。（必須有很多人物才能達到極限） – hubrid 2011-04-11 23:20:07

沒有看到您的加價，像這樣的活像K，儘管它不適合你的需求：

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

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

JS Fiddle demo。

，並提供更新的問題，與HTML從form S：

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

來源

2011-04-11 23:05:52

我會使用不同的變量名稱。但通用+1！ – Blender 2011-04-11 23:07:16

謝謝，謝謝！ :) – 2011-04-11 23:11:28

這很好，謝謝！ – hubrid 2011-04-11 23:18:21

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

來源

2011-04-11 23:10:42 danniel

這真的是我一直在尋找的東西。 TY。 – hubrid 2011-04-11 23:18:56

不客氣。 :) – danniel 2011-04-11 23:40:58

設置值[jquery or javascript]

回答

相關問題