Faire un alert(addInput) ou alert(addInput.innerHTML) avec Mozilla FireFox (et Firebug) ou un autre navigateur que IE pour constater qu'il ne sont pas définis.
Même s'il existe d'autres méthodes pour les images et les formulaires (dont les éléments doivent avoir des noms), la méthode générale pour accéder à des éléments du DOM consiste maintenant à utiliser les identifiant avec un document.getElementById(); (en oubliant les postes antérieurs à 1998)
Le raccourci suivant simplifie à cet égard l'écriture.
Code Javascript :
function $(id) {return document.getElementById(id);}Maintenant, l'identifiant d'un élément doit être unique, il conviendrait donc d'indexer ceux-ci au fur et à mesure des ajouts avec une variable globale (les noms des éléments du formulaire en forme de tableaux sont indexés automatiquement).
En évitant la multiplication des boutons d'ajouts cela donnerait quelque chose comme cela:
Code Javascript :
var idxInp=0;
function add() {var npt=$('addInput');
npt.innerHTML += '<input type="text" id="dsc'+idxInp+'" name="dsc[]" value="d" />';
npt.innerHTML += '<input type="text" id="prx'+idxInp+'" name="prx[]" value="p" />';
idxInp++;
}