Discussion :

[Jolt0x]

Bonsoir,

Je souhaiterais faire un formulaire qui contient deux ou plus combo box (zone de liste déroulante). Mais je voudrais que sur changement (évènement JavaScrip OnChange) du premier combo box, je recharge la page et fonction de ce que j'ai saisi dans le premier combo box je change le contenu du second combo box.

J'ai pensé faire un formulaire comme cela:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<FORM name=test action="processing.php"  method="post" >
...
...
J'ajoute mes combo box
...
..
</FORM>

Comment lancer le script processing.php sur l'évènement 'OnChange' d'un combo Box ?

Merci.

J.

[nsanabi]

poster ton formulaire en javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
..
<FORM name="tonform" action="processing.php"  method="post" >
<select name="blabla" ...... onchange="document.tonform.submit();">
..

[Jolt0x]

Merci de ta réponse.

Mais j'ai très exactement cela et cela ne fonctionne pas:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<form name="scientists" action="process.php"  method="post"> 
<select name=field size=1 onchange="document.scientists.submit();"> 
<option value=1> Mathematician</option> 
<option value=2> Physicist</option> 
<option value=3> Chemist</option> 
<option value=4> Biologist</option> 
<option value=5> Geophysicist</option> 
</select> 
<input type="submit" name="submit" value=OK> 
</form>

Une idée ?

J.

[andry.aime]

Bonjour,

Mais j'ai très exactement cela et cela ne fonctionne pas

La page n'est pas rechargé?
Mets tous les valeurs des attributs dans des quotes.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<select name="field" onchange="document.scientists.submit();"> 
<option value="1"> Mathematician</option>

Un tutoriel sur les listes déroulantes liées : http://siddh.developpez.com/articles/ajax/#LIV-A

[Jolt0x]

J'ai très exactement ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<form name="field" action="select_scientists.php"  method="post">
<select name="field" size="1" onchange="document.field.submit();">
<option value=1> Mathematician</option>
<option value=2> Physicist</option>
<option value=3> Chemist</option>
<option value=4> Biologist</option>
<option value=5> Geophysicist</option>
</select>
<input type="submit" name="submit" value="OK">
</form>

Et cela ne fonctionne pas. J'ai du rajouter un bouton "OK".

Merci de toute aide.

J.

[nsanabi]

changer le name de ton form qui est identique à ton select

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
form name="formulaire" action="select_scientists.php"  method="post">
<select name="field" size="1" onchange="document.formulaire.submit();">
<option value="1"> Mathematician</option>
<option value="2"> Physicist</option>
<option value="3"> Chemist</option>
<option value="4"> Biologist</option>
<option value="5"> Geophysicist</option>
</select>
</form>

si cela ne fonctionne pas non plus, essai de mettre un simple alert pour voir ce que cela donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
...
<select name="field" size="1" onchange="alert(this.value);">
...

si cela ne donne rien non plus, ton navigateur bloque probablement les scripts JS, tester sur un autre navigateur, ou débloque les scripts sur le premier