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

Stellvia

WRInaute impliqué
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 ?
 

Stellvia

WRInaute impliqué
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';
 

jcaron

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

Jacques.
 

Discussions similaires

Haut