[ Résolu ] Problème ajax innerHTML et submit de formulaire...

[Stellvia]

Bonjour,

J'utilise innerHTML pour changer un imput en hidden de mon formulaire :

Mon formulaire est comme ceci de base :

Code: Tout sélectionner

<div id="refresh_musique"><input type="hidden" name="musique" value="MP3_DE_BASE.mp3" id="musique"></div>

Dans le head j'ai ma p'tit sauce javascript, et ce qui nous interesse est ceci :

a la suite d'un onclick :

Code: Tout sélectionner

document.getElementById('refresh_musique').innerHTML = "<input type=\"hidden\"  id=\"musique\" name=\"musique\" value=\"NOUVEAU.mp3\"/>";

Donc.... ca marche sur le papier et firebug ne me sort aucune erreur.

Le problème est que lorsque que j'envois le formulaire avec mon submit, mon champs musique n'est pas rafraichis, et donc je me retrouve avec le meme champs musique qu'au départ. ( MP3_DE_BASE.mp3 au lieu de NOUVEAU.mp3 )

Sur google j'ai trouvé ca :
http://www.google.fr/search?q=innerHTML+form+submit&ie=utf-8&oe=utf-8& ... =firefox-a

On me parle d'appendchild je sais pas quoi..... je comprend pas le problème en fait
Quelqu'un à une idée ?

[Stellvia]

Bon j'ai trouvé la solus à mon problème, si ca peut aider voila la réponse :

Code: Tout sélectionner

document.NOM_DU_FORMULAIRE.NOM_DU_CHAMPS.value = 'blablabla';

Dans mon cas ca donnais :

Code: Tout sélectionner

document.form.musique.value = 'NOUVEAU.mp3';

[jcaron]

Ou tu mets un id sur ton input hidden, et tu fais un document.getElementById('id_du_input_hidden').value=nouvelle_valeur...

Jacques.