在HTML表单中,如何将一个字段的内容复制到另一个字段

时间:2012-06-05 16:04:40

标签: html html-form

我需要一个按钮,将您输入的信息记录到一个div中,并将其放入另一个div。基本上我有一个{{1}}要求提供交付信息,而另一个要求提供结算信息。我想要一个按钮,你可以按下该支票,如果你已经填写了送货信息,那么按下按钮会使输入信息中输入的信息转移到账单信息。我怎么做一个按钮呢?

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分: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>