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

Bonjour,

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

Mon formulaire est comme ceci de base :

Code:

<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:

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 :
https://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 ?

 

Re: [ Problème AJAX ] innerHTML et submit de formulaire...

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

Code:

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

Dans mon cas ca donnais :

Code:

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