Discussion :

[Auteur]

Comment attribuer une valeur à l'attribut name d'un élément créé par un script ?
http://javascript.developpez.com/faq...amps#ajoutName


Dans cette Q/R il y a ce code

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
var monInput;
 
// création de l'input
monInput = document.createElement("input");
monInput.type = "text";  
monInput.name = "nameInput"; 
 
monInput.id = "idInput";
monInput.value = "";
 
// ajout de l'input créé dans le formulaire
document.getElementById("idFormulaire").appendChild(monInput);

Il est indiqué ensuite qu'avec ce code

Firefox retournera nameInput tandis que IE ne retournera rien.

Je viens de vérifier avec IE 9 sous Vista, le code fonctionne et IE retourne bien la valeur de l'id de l'input créé (avec un doctype xhtml).

Pire, si vous soumettez le formulaire, IE ne transmettra pas cet input !

là par contre je n'ai aucun moyen de vérifier cette affirmation.


N'ayant pas les moyens (navigateurs, serveur) de vérifier intégralement cette Q/R, je vais donc vous mettre à contribution
Chers contributeurs, pourriez-vous vérifier intégralement le code ainsi que les affirmations de cette Q/R ?

[Auteur]

Personne pour une mise à jour de cette question ?

[NoSmoking]

Bonjour,
concernant IE, cela passe sous IE8,
pas de soucis pour les autres navigateurs.

[Auteur]

IE transmet donc l'input créé dynamiquement ? On récupère bien le contenu ? Et il n'est donc plus nécessaire de gérer l'exception et d'ajouter un test if (document.all) comme cela est proposé dans cette Q/R ?

Dans ce cas la Q/R devient tout simplement :

Comment attribuer une valeur à l'attribut name d'un élément créé par un script ?

Le code suivant fonctionne à partir de IE8 et pour les autres navigateurs.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
var monInput;
 
// création de l'input
monInput = document.createElement("input");
monInput.type = "text";  
monInput.name = "nameInput"; 
 
monInput.id = "idInput";
monInput.value = "";
 
// ajout de l'input créé dans le formulaire
document.getElementById("idFormulaire").appendChild(monInput);

Pour les anciennes versions d'Internet Explorer (avant IE8), il faut intégrer l'attribut name dans la méthode createElement(). Pour plus de détails, voir le paragraphe [Obsolète] de cette Q/R.

Qu'en pensez-vous ?

[NoSmoking]

Pas de remarque.

[Auteur]

Donc je tague la discussion pour signifier que l'on peut la mettre à jour.