单击按钮后将值插入textarea(仅限Javascript)

时间:2014-06-30 17:10:25

标签: javascript

我有一个带有两个按钮的文本表单。单击按钮后,我想将按钮中的文本(即HELLO或HELLO2一词)添加到表单中:

<button type="button" onclick="addtext('HELLO');">Add HELLO</button>
<button type="button" onclick="addtext('HELLO2');">Add HELLO2</button>

<textarea id="postText"><textarea>

和一个简单的功能:

<script>
function addtext(x) {
var e = document.getElementById('postText').value;
e += x;
}
</script>

但它不起作用(错误是&#39; x未定义)。我想将单词HELLO和HELLO2粘贴到textarea中(保留任何现有的textarea值)。如何让它无误地工作?

1 个答案:

答案 0 :(得分:0)

Thanks.. but how? :)

更改

addtext(HELLO);

addtext(HELLO2);

addtext('HELLO');

addtext('HELLO2');

为什么?

字符串必须在引号中。之前的JavaScript x等于HELLO和HELLO2的变量,它不存在。

另外,添加一个斜杠,以便结束文本区域的定义:</textarea>并将JS更改为

function addtext(x) {
var e = document.getElementById('postText');
e.value+=x;
}

为什么?

如果将e设置为某个值,那么它将是该静态值,并且无法更改textarea的实际值。此外,某些元素需要关闭标记。

Demo