[DOM] Rajout dynamique d'un element input

Bonjour,
j'ai fais une fonction javascript qui rajoute un element input dans ma page :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function CreatInputOrdon(chName, chId, chValue) { var idForm = document.getElementById('div123');   var input = document.createElement("input"); input.name = chName; input.type = "hidden"; input.id = chId; input.value = chValue;   idForm.appendChild(input);   }

---

elle rajoute l'élément input mais l'élément créé n'a pas de "name"
le code suivant est créé :

Code:

---

<INPUT id=cd0 type=hidden value=0>

---

Avez vous déjà rencontré ce type de pb?
Pouvez vous me dire s'il y a une anomalie que je ne vois pas dans la fonction?

merci d'avance

je crois me souvenir que c'est un des seul cas ou setAttribute soit de rigueur

Code:

---

input.setAttribute("name","chName");

---

j'ai essayé avec :

Code:

---

input.setAttribute("name","chName");

---

malheureusement le pb est le même

suite à un problème avec ma connexion ma discussion a été validé 2 fois j'ai pas réussi à le supprimer, désolé pour ça

essaye en mettant NAME en majuscule ;)

Code:

---

1 2	input.setAttribute("NAME","chName");

---

testé sous ie7 et firefox

la classe;)
ça marche avec NAME en majuscule
fallait le savoir cette histoire de majuscule

j'ai essayé avec le code suivant :

Code:

---

input.NAME = "TEST";

---

ça marche aussi

j'aurai jamais pensé au majuscule dans un cas comme celui là
j'avais pas encore vu ça

en tout cas merci les gars :king:

arf je me rappelait qu'il y avait un truc vicieux ...
:king: le_chom

bonjour,
j'ai réussi à avoir le "name" dans les input de type hidden créée dynamiquement avec :

Code:

---

input.setAttribute("NAME","TEST");

---

ou alors

Code:

---

input.NAME = "TEST";

---

malgré le fait qu'il y a le "name" dans les elements input créés, je n'arrive pas à atteindre l'objet avec :

Code:

---

alert(document.getElementsByName('TEST')[0].value);

---

javascript me renvoie un message d'erreur disant que l'objet n'exsiste pas

quand j'envoi le formulaire impossible de récupérer les éléments input créé dynamiquement

Avez vous une solution pour ce type de problème?

j'ai été obligé d'utiliser :

Code:

---

1 2	var idForm = document.getElementById('div123'); idForm.insertAdjacentHTML("afterBegin", "<input type='hidden' name='"+chName+"' id='"+chId+"' value='"+chValue+"'>");

---

avec le code ci dessus il y a aucun problème.

Lui ayant donné un id ...

Code:

---

alert(document.getElementsById('chId').value);

---

a priori cela fonctionne

Citation:

---

Lui ayant donné un id ...

Code :

alert(document.getElementsById('chId').value);

a priori cela fonctionne

---

je suis d'accord ça marche, je peux accèder de cette manière aussi à l'objet
mais le gros problème c'est surtout lors de l'envoi du formulaire les élements input rajouté avec javascript(methode DOM) sont null....

c'est assez bizzard puisque l'element input à bien été rajouté

même avec NAME en majuscule ? je croyais que cela solutionnait le problème ???

Question bète , mais lorsque que tu fais :

Code:

---

input.setAttribute("NAME","TEST");

---

tu changes "TEST" à chaque fois ??
car sinon tu dois utiliser un tableau donc au lieu de "TEST", "TEST[]" ...
Tu récupères de quel façon les informations postées ?

Bon ben je vais mettre tout le monde d'accord ...
En plus j'ai honte parceque j'ai déja croisé ce problème et déja résolu ...
Mais bon vous verrez quand on vieillit on perd la mémoire ...

voici la solution:

Code:

---

var plop =document.createElement("<input name='chName' />");

---

Et la il reconnait direct le name dans la page

Code:

---

alert(document.getElementsByName('chName')[0].value)

---

et il passe le champs lors du submit ...
ça reste de l'ajout DOM et c'est crossbrowser

lol . . .
Donc au final tu nous confirme que :

Code:

---

1 2 3 4

... input.setAttribute("NAME","TEST"); ...

---

ne permet pas de récupèrer les informations posté ? :?

Citation:

---

Question bète , mais lorsque que tu fais :

Code :

Code:

---

input.setAttribute("NAME","TEST");

---

tu changes "TEST" à chaque fois ??
car sinon tu dois utiliser un tableau donc au lieu de "TEST", "TEST[]" ...
Tu récupères de quel façon les informations postées ?

---

non "TEST" ne change pas je récupère "TEST" avec java dans un tableau (String [])

je vais de suite tester la solution de SpaceFrog

Extrait de MSDN

Citation:

---

The NAME attribute cannot be set at run time on elements dynamically created with the createElement method. To create an element with a name attribute, include the attribute and value when using the createElement method.

---

efficace la solution
ça marche nikel....:king:

merci

ah la bonne librairie MSDN....je l'avais un peu oublié

:yaisse2:
J'ai collé un truc dans les contributions.
Merci à vous d'avoir fait progressé la science ^^