html - HTMLフォームで、あるフィールドのコンテンツを別のフィールドにコピーするにはどうすればよいですか

Question

あなたが入力した情報をdiv別のボタンに入れるボタンが必要です。基本的にdiv、配達情報を要求するものと、請求情報を要求するものがあります。配信情報を入力したかどうかを確認するボタンを押して、配信情報に入力した情報を請求情報に転送したいのですが。ボタンにそれをさせるにはどうすればよいですか？

Answer 1

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>

Answer 2

フォームを作成してから、<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>