javascript - 使用 Javascript 获取值并附加到文本区域？

Question

我被困住了！

我有这个简单的形式：

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

Answer 1

Textarea 具有value对其内容进行操作的属性。只需使用+=附加文本：

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

Answer 2

尝试这个

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

Answer 3

这是我在 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();">

JS

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