抓取值並使用Javascript追加到textarea？

我有這樣的簡單形式：

<p><input type="text" name="hometown" id="hometown" size="22" /></p> 
<p><textarea name="comment" id="comment"></textarea></p>

我需要的是追加從#hometown輸入值textarea的！它不能代替已經寫在那裏的文字。在最好的情況下，只需在「提交」點擊的任何內容的末尾打印即可。

這是我用我的Javascript有多遠，但似乎沒有任何工作。

function addtxt(input) { 
    var hometown = document.getElementById('hometown').value; 
    var obj=document.getElementById(comment) 
    var txt=document.createTextNode(lol) 
    obj.appendChild(txt) 
}

來源

2013-04-26 user2307598

請張貼的Javascript代碼，U都寫？ – Shubh 2013-04-26 11:16:11

Textarea有value財產與其內容一起運作。只需使用+=將文本追加：

document.getElementById("comment").value += 
    document.getElementById("hometown").value;

來源

2013-04-26 11:15:57 VisioN

哇，謝謝，這個JavaScript的作品，但不是當我添加此功能OnClick的提交按鈕。有任何想法嗎？ – user2307598 2013-04-26 11:19:12

@ user2307598這取決於你如何使用它。 'submit'按鈕默認應該發送表單數據到服務器。我會使用簡單的'button'或'override'form'onsubmit'和'return false'。 – VisioN 2013-04-26 11:24:14

試試這個

var oldval=$('#comment').val(); 
var newval=$('#hometown').val(); 
S('#comment').val(oldval+' '+newval);

來源

2013-04-26 11:19:53 iCode

假設jquery。 – 2014-10-31 09:22:37

下面是我穿上的jsfiddle，使用純JavaScript的一個例子和的onClick監聽

http://jsfiddle.net/vyqWx/1/

HTML

<input type="text" name="hometown" id="hometown" size="22" /> 
<textarea name="comment" id="comment"></textarea> 
<input type="submit" onClick="doMagic();">

function doMagic(){  
    var homeTown = document.getElementById("hometown").value;  
    document.getElementById("comment").value += homeTown; 
}

來源

2013-04-26 11:24:29 Stevie

抓取值並使用Javascript追加到textarea？

回答

相關問題