Очищается форма :(

[kerbeross]

Добрый день, есть форма, в ней поля для ввода информации и кнопка ЕЩЕ, которая вызывает функцию на JS, которая добавляет еще строку таких же аналогичных полей, как сделать на моем примере чтобы при нажатии на эту кнопку все записи что были в полях до этого не исчезали?

<form action="output.php" method="post" id="myform"> 
<script language="JavaScript"> 
function myFunc( ) 
 { 
  document.getElementById("myform").innerHTML+="<br><input name='group[]' type='text' size='3'/>" 
  +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" 
  +"<input name='chas[]' type='text' size='3'/>" 
  +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" 
  +"<input name='pred1[]' type='text' size='30'/>" 
  +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" 
  +"<input name='pred2[]' type='text' size='30'/>" 
  +"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" 
  +"<input name='aud[]' type='text' size='3'/><br>"; 
 
 } 
</script> 
<input name="group[]" type="text" size="3"/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
<input name="chas[]" type="text" size="3"/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
............. 
<input type="button" name="Button1"  value="еще" onclick="myFunc();">  
<input type="submit" name="Button2"  value="все">  
</form>

[StagnantIce]

PHP код:

<script language="JavaScript"> 

function getInput(size, name) {
var inp = document.createElement('input');
inp.setAttribute('size', size);
inp.setAttribute('name', name);
return inp;
}

function createBr() {
var br = document.createElement('br');
return br;
}

function createText() {
var text = document.createTextNode('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
return text;
}


function myFunc( ) 
{ 
 var form =  document.getElementById("myform");
form.appendChild(createBr());
form.appendChild(getInput('3', 'group[]'));
form.appendChild(createText());
form.appendChild(getInput('3', 'chas[]'));
form.appendChild(createText());
form.appendChild(getInput('30', 'pred1[]'));
form.appendChild(createText());
form.appendChild(getInput('30', 'pred2[]'));
form.appendChild(createText());
form.appendChild(getInput('3', 'aud[]'));
 } 
</script> 

<form action="output.php" method="post" id="myform"> 
<input name="group[]" type="text" size="3"/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
<input name="chas[]" type="text" size="3"/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  
............. 
<input type="button" name="Button1"  value="еще" onclick="myFunc();">  
<input type="submit" name="Button2"  value="все">  
</form>