使用Javascript获取价值并附加到textarea?

时间:2013-04-26 11:14:34

标签: 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)
}

3 个答案:

答案 0 :(得分:3)

Textarea具有value属性,可以使用其内容进行操作。只需使用+=附加文字:

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

答案 1 :(得分:1)

试试这个

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

答案 2 :(得分:1)

以下是我使用纯javascript和onClick监听器安装JSFiddle的示例

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