This one is new window(child) and the values will pass back to parents window once onclick

<head>
<title></title>

<script type="text/javascript">
function passValue(collname,dn,number) {
window.opener.changeIt(collname,dn,number);
}
</script>
</head>

<form name="form" action="post" method="">
<input type="button" value="test1" onClick="passValue('title1','DN1','1')"> title1 DN1<br>
<input type="button" value="test2" onClick="passValue('title2','DN2','1')"> title2 DN2<br>
<input type="button" value="test3" onClick="passValue('title3','DN3','1')"> title3 DN3<br>
</form>

--------------------------------------------------------------

Parents window (only work for IE)

<script language="javascript">
function changeIt(collname,dn,number)
{
my_div.innerHTML = my_div.innerHTML +"<input type='text' name='mycoll"+ i + "'value= '"+ collname +"' size='55'>&nbsp;&nbsp;<input type='text' name='mydn"+ i +"' value= '"+ dn +"' size='20'>&nbsp;&nbsp;<input type='text' name='mynumber"+ i +"' value= '"+ number +"' size='5'><br>";

i=i+1;
}

function changeIt2(collname2,dn2,number2)
{
my_divs.innerHTML = my_divs.innerHTML +"<input type='text' name='mycoll2"+ s + "'value= '"+ collname2 +"' size='55'>&nbsp;&nbsp;<input type='text' name='mydn2"+ s +"' value= '"+ dn2 +"' size='20'>&nbsp;&nbsp;<input type='text' name='mynumber2"+ s +"' value= '"+ number2 +"' size='5'><br>";

s=s+1;
}
</script>

 

<div id="my_div"></div>
<SCRIPT>i=1;</SCRIPT>

<div id="my_divs"></div>
<SCRIPT>s=1;</SCRIPT>
<input type="button" value="Add text field" onClick="changeIt2('','','')">