在文本框中保留多个按钮单击值

时间:2015-06-08 04:58:38

标签: javascript html

在文本框中由于按钮单击事件文本被转移到文本框,此文本在另一个将新值传递给文本框的单击事件之后保持其位置。文本框保存多次单击事件的值。

2 个答案:

答案 0 :(得分:0)

在每个点击功能中,你应该得到文本框的值,然后将新值添加到它。然后将“sum”放到文本框中。

答案 1 :(得分:0)

我无法理解你的意思,但我制作了两个非常简单的代码,可以让你了解它的工作原理。

您可以使用createTextNode和appendChild来实现您的意思。

希望这会有所帮助。快乐的编码。

JS FIDDLE

<html>
<head>
    <title>text</title>
<script type="text/javascript">
function trantxt(input) {
var obj=document.getElementById(input);
var txt=document.getElementById('text1').value;
var txtarea=document.createTextNode(txt);
obj.appendChild(txtarea);
}

function addtxt(input) {
var obj=document.getElementById(input);
var txt=document.createTextNode("blah blah");
obj.appendChild(txt);
}
</script>
</head>
<body>
    <h1>Case 1: Transfer text from textbox to textarea.</h1>
    <input type="text" id="text1" placeholder="Write here" />

<input type="button" value="Transfer" onclick="trantxt('textarea1')">
<textarea id="textarea1" placeholder="Content comes here"></textarea>

<h1>
    Or... if you mean this
</h1>


<textarea id="textarea2"></textarea>
<br><input type="button" value="Write blah blah" onclick="addtxt('textarea2')">
</body>
</html>