onChange modif variable

Bonjour,

J'ai deux formulaires(form1 et form2) contenant des listes déroulantes.

form2 possède aussi un bouton submit de validation.

Avec un onChange sur la liste déroulante du form1 je voudrai modifier la valeur d'une variable de type hidden du form2

ma fonction JS:

Code:

---

1 2 3 4 5 6 7

function select(){   idSelect = document.getElementById('maliste1').options[document.getElementById('maliste1').selectedIndex].value; document.getElementById('test').value = idSelect;   }

---

form2 :

Code:

---

1 2 3 4 5 6 7

... ... </select> <input type="submit" name="Submit" value="Consulter" /> <input type="hidden" name="test" id="test" value="" /> </form>

---

Ceci ne marche pas
document.getElementById('test').value = idSelect;

Ma variable de type hidden du form reste à null.

Merci de votre aide

surement parce que les options de ton select n'ont pas de value!

Code:

---

<option>option sans value</option>

---

si si , j'ai bien des values

d'ailleur en ajoutant alert(idSelect) la value s'affiche :

Code:

---

1 2 3 4 5 6 7 8

function select(){   idSelect = document.getElementById('maliste1').options[document.getElementById('maliste1').selectedIndex].value; alert("idSelect"); document.getElementById('test').value = idSelect;   }

---

alors ton id n'est pas unique!

ou tu as un name et pas un id sur le select ...

Mais un alert pour vérifier son contenu

Code:

---

alert(document.getElementById('test').value);

---

j'ai ajouté des alert() à ma fonction

Code:

---

1 2 3 4 5 6 7 8

function select(){   idSelect = document.getElementById('maliste1').options[document.getElementById('maliste1').selectedIndex].value; alert(idSelect); document.getElementById('test').value = idSelect; alert(document.getElementById('test').value); }

---

Les deux alert() affichent bien les bonnes valeurs

mais quand je valide le form2, je redirige vers verif.php

avec :

Code:

---

1 2 3 4 5

//verif.php $IdSerie= $_POST['test'];   echo $IdSerie;

---

rien ne s'affiche.

en fait on a tout vu sauf l'essentiel...
le code html du select ...

mets la méhode du formulaire à Post!

La méthode du formulaire est à post

Citation:

---

en fait on a tout vu sauf l'essentiel...
le code html du select ...

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<select name="maliste1" id="maliste1" onChange="select()">   <?php     while ($result=mysql_fetch_row($sqlType)) {     $Id=$result[0];   $Nom=$result[1];   echo "<option value=$Id>$Nom</option>";   }     ?> </select>

---

</select>

Citation:

---

Envoyé par SpaceFrog

en fait on a tout vu sauf l'essentiel...
le code html du select ...

---

En fait, ça veut pas dire le code PHP mais le code HTML généré ;)

Si alert(document.getElementById('test').value);
affiche la bonne valeur, donc la valeur du select a été bien affecté à ton hidden.
Mais c'est un hidden donc il est invisible. Ajoute un attribut name à test.

Code:

---

<input type="hidden" id="test" name="test">

---

Il y avait déjà un a attribut name à test.

C'est étrange ...

Code:

---

echo '<option value="".$Id."">'.$Nom'.</option>';

---

le value doit entre quotes ... (bien que je préfère le faux filet)

Citation:

---

Envoyé par toma03

Il y avait déjà un a attribut name à test.

C'est étrange ...

---

En le mettant visible tu pourras vérifier si c'est bien le bon champ qui est modifié!

Citation:

---

<input type="texte" id="test" name="test">

---

PS : installe un firebug, c'est plus simple que les alert!!

Citation:

---

mais quand je valide le form2, je redirige vers verif.php

---

Tu submit le formulaire vers verif.php ou tu le redirige vers verif.php ?