将多个按钮点击值保存在文本框中

-1

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

来源

2015-06-08 Uday Malangave

我一直在尝试添加文本框的innerHTML和按钮的innerHTML，但事实并非如此。 –

在每个点击函数中，您应该得到文本框的值，然后将新值添加到它。然后将“总和”放到文本框中。

来源

2015-06-08 06:35:35 horizon0514

我真的不明白你的意思，但我提出了两个很简单的代码，应该让你明白它是如何工作的。

你可以用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>

来源

2015-06-08 10:17:10 SwegreDesigns

将多个按钮点击值保存在文本框中

回答

相关问题