Problema al actualizar la pagina

[deadlykyo]

Holas tengo un problema con un select que usa javascript, el javaScript me funciona bien, pero cuando hago actualizar se borra el select que se creo y se mantiene la posicion que dejo el select, y queria saber si hay alguna manera de que se mantenga el select y los campos que muestro aunque se actualize la pagina:

aqui esta algo de mi codigo:
el JavaScript

Código PHP:

  <script language="JavaScript">
function montoApo()
{
var valor1 = document.cobroAporte.tipoCuota.options[document.cobroAporte.tipoCuota.selectedIndex].value;
   switch (valor1)
   {
    case '1':
        document.cobroAporte.unidad.value='10.00';
        break;
    default:
        document.cobroAporte.unidad.value='0';
   }
}
    
function cuota()
{
   var queryCuotaS="<label for='tipoCuota' class='mandatRight'>Tipo Cuota:</label>"+
    "<select size='1' name='tipoCuota' onchange='montoApo();' class='inputText'>"+
        "<option value='0' >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>"+
        "<option value='1' >Cuota Normal</option>"+
    "</select>"+
    "&nbsp;&nbsp;<input type='text' name='unidad' size='10' class='inputText'>";        
 
    document.getElementById('cuotaS').innerHTML = queryCuotaS;
}
    
</script> 
  

aqui dentro del formulario que trabaja con el javascript:

Código PHP:

  <form name='cobroAporte' method='POST' action='/sib2/cont/CobroAporte.php'  >
<div>
   <label for="concepto" class="mandatRight">
    Concepto:
   </label>
   <select name="concepto" size="1" class="inputText" onchange="(this.selectedIndex==4)?cuota():document.getElementById('cuotaS').innerHTML=''">
    <OPTION >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</OPTION>
    <OPTION>Matricula</OPTION>
    <OPTION>Carnet</OPTION>
    <OPTION>Certificado</OPTION>
    <OPTION>Cuota</OPTION>
   </select>
</div>
<div id="cuotaS"></div>
.....
..... 
   

ahora el asunto esta en que no quiero que se borren los campos al actulizar la pagina no se si alguien me podria ayudar con esto, cya