将div内容复制到文本区域onload

时间:2013-10-24 02:19:49

标签: javascript html

我正在使用一个地理定位脚本,当按下提交按钮时,它会将lat和long内容从邮政编码搜索返回到两个div。当页面已刷新准备好在表单上提交时,我需要将这些数字复制到文本区域。我正在尝试使用onkeyup事件从div复制到输入标记的脚本,但不能使用onload事件。我会非常感谢任何建议,请原谅我是新人。提前致谢。 我的代码

HTML

<Div id="div1">
<input type="text"/id="field1" onkeyup="duplicate()" />
</Div>
<input type="text" id="field2" />

JS

function duplicate()
{
   var f1 = document.getElementById('field1');
   var f2 = document.getElementById('field2');

   f2.value = f1.value;
}

1 个答案:

答案 0 :(得分:1)

这个怎么样:

小提琴: http://jsfiddle.net/6ay5y/1/

将一个keyup事件监听器附加到第一个文本框,并使用一个处理程序将其值复制到第二个文本框中。

<强> HTML:

<div id="div1">
    <input type="text" id="field1" />
</div>
<input type="text" id="field2" />

<强> JavaScript的:

document.getElementById('field1').addEventListener("keyup", function(){
    document.getElementById('field2').value = this.value;
});