[JS] Conserver les valeurs avec innerHTML

Logiciel & apps Programmation
1

Bonjour,
J’ai fait un formulaire pour récupérer des résultats d’une course.
J’ai donc ce code

<script type="text/javascript">
var n=0;
function resuajout()
{
 n++;
 formulaire.innerHTML +="<br /> <select name='RESUplace"
    + n+"' >"
  	+"<option >----</option>"
  	+"<option >1er</option>"
  	+"<option >2ème</option>"
  	+"<option >3ème</option>"
  	+"<option >4ème</option>"
  	+"<option >5ème</option>"
  	+"<option >6ème</option>"
  	+"<option >7ème</option>"
  	+"<option >8ème</option>"
  	+"<option >9ème</option>"
  	+"<option >10ème</option>"
  	+"<option >11ème</option>"
  	+"<option >12ème</option>"
  	+"<option >13ème</option>"
  	+"<option >14ème</option>"
  	+"<option >15ème</option>"
  	+"<option >16ème</option>"
  	+"<option >17ème</option>"
  	+"<option >18ème</option>"
  	+"<option >19ème</option>"
  	+"<option >20ème</option>"
  	+"</select> <input type=text size='30' maxlength='30' name='RESUnom" 
     + n+"' "
     + " />";
}
</script>

Il me permet d’ajouter une ligne pour entrer un coureur mais lorsque la ligne s’ajoute les infos qui se trouvent dans les champs sont effacés. Est ce que quelqu’un a une astuce pour que les champs texte ne soit pas vidés.
Merci d’avance

2

Ca fait quoi exactement?

3

En fait au début du formulaire j’ai une ligne avec une liste déroulante pour choisir la catégorie. Ensuite une ligne avec un champ texte pour le numéro de la place et un autre champ texte pour le nom. Ensuite j’ai un bouton ajouter un coureur. Lorsque je clique sur ce dernier une autre ligne avec les 2 champs texte apparait mais m’efface tout ce qu’il y avait dans la formulaire. Donc j’aimerai lorsque j’ajoute un coureur que les autres données deja rentrées dans le formulaire ne disparaissent pas.