2015-06-08 80 views
-1

在文本框中,由於按鈕點擊事件文本被轉移到文本框,該文本在另一個將新值傳遞給文本框的點擊事件之後也保持其位置。該文本框保存多個點擊事件的值。將多個按鈕點擊值保存在文本框中

+0

我一直在嘗試添加文本框的innerHTML和按鈕的innerHTML,但事實並非如此。 –

回答

0

在每個點擊函數中,您應該得到文本框的值,然後將新值添加到它。然後將「總和」放到文本框中。

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> 
相關問題