2012-06-05 43 views
0

我需要一個按鈕,將您輸入的信息輸入到另一個div中。基本上我有一個div要求提供信息,而另一個要求提供賬單信息。我想要一個可以按下的按鈕來檢查是否已經填寫了送貨信息,然後按下按鈕會使輸入信息的信息轉移到結算信息。我將如何讓一個按鈕做到這一點?在HTML表單中,如何將一個字段的內容複製到另一個字段

+0

首先,怎麼沒一個用戶在一個div輸入信息。我相信你問的是HTML表單中的字段。如果是這樣,請更新您的問題以正確反映您所問的內容。此外,如果您可以提供表單的HTML標記,那將會更好。 – Ankit

回答

2

的Javascript:

<script language="javascript"> 
    document.getElementById('your-button').addEventListener("click", moveContent); 
    function moveContent() { 
     document.getElementById('your-div').textContent = document.getElementById('other-div').textContent; 
    }​ 
</script> 

HTML:

<button id="your-button">Move Content</button><br /> 
<div id="other-div">This Text will go into the div below</div> 
<div id="your-div">Click button to move text from above text here</div> 
+0

我應該用什麼樣的按鈕來使用這個腳本? – Russell

+0

等待..我會添加這個腳本的HTML代碼:) –

+0

嗯,它不是與我的代碼 – Russell

1

製作表格,然後創建一個<input onClick="copy();" type="button" >標記。創建一個複製數據的JavaScript函數副本。不要將提交屬性添加到表單。

即,

<script type="text/javascript"> 
function copy() 
{ 
    //Copy the data from one div to another. I recommend setting ID attributes and using document.getElementById(id); 
} 
</script> 
<form> 
    <input onClick="copy();" type="button" value="Copy data!" ></input> 
</form> 
相關問題