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 函数副本。不要向表单添加提交属性。

IE，

<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>