копировать содержимое div в текстовую область onload

Question

Я использую сценарий геолокации, который возвращает lat и long content в два divs из поиска почтового индекса при нажатии кнопки отправки. Мне нужно, чтобы эти цифры копировались в текстовые области, когда страница обновилась, чтобы быть отправленными в форму. Я пытаюсь сценарий, который копирует из div в тег ввода с событием onkeyup, но не работает с событием 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; 
} 

Answer 1

Как об этом:

Fiddle:http://jsfiddle.net/6ay5y/1/

Приложить слушателя KeyUp события к первому textbo x, с обработчиком, который копирует его значение во второе.

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; 
});