[PHP-JS] Liste d�roulante + Javascript + Php et Mysql : Besoin d'aide

Version imprimable

18/03/2006, 23h00
vampyrx

[PHP-JS] Liste d�roulante + Javascript + Php et Mysql : Besoin d'aide

Voila donc je souhaite g�n�rer deux listes d�roulantes.
Une liste contenant les d�partements l'autre les villes contenu dans le d�partement s�l�ctionn�, le tout se trouve dans une base de donn�e.

Il faudrait donc quand je d�roule la liste des d�partement, que si je selection l'ile de france, dans la seconde liste d�roulante seules les villes d'ile de france apparaissent.

Je sais le faire en php mais oblig� de valider avec un bouton, la je voudrai que ce soit juste en selectionnant dans la liste d�roulante.
Quelqu'un pourrait m'aider a le coder svp ? (c'est pour un projet, et je suis press� par le temps, je n'ai pas assez de temps pour apprendre le Javascript et arriver a faire ca).

Merci d'avance pour toute l'aide apport�.
18/03/2006, 23h14
Kerod

Pour ne pas utiliser de bouton tu peux affecter le onclick de ton button � l'�v�nement onchange de ton select

Pourquoi cela ne marche pas ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<script type="text/javascript">
<!--
function selectOption(num)
{
	var selObj = document.getElementById('selSeaShells1');
	selObj.selectedIndex = num;
}
-->
</script>
<body>
<form>
<h3>Choose one option at a time</h3>
<select name="selSS1" id="selSeaShells1">
	<option value="val0">sea zero</option>
	<option value="val1">sea one</option>
	<option value="val2">sea two</option>
	<option value="val3">sea three</option>
	<option value="val4">sea four</option>
</select>
<select name="selSS2" id="selSeaShells2">
	<option value="0" onchange="selectOption(0);">sea zero</option>
	<option value="1" onchange="selectOption(1);">sea one</option>
	<option value="2" onchange="selectOption(2);">sea two</option>
	<option value="3" onchange="selectOption(3);">sea three</option>
	<option value="4" onchange="selectOption(4);">sea four</option>
</select>
</form>          
</body>

Par contre celui la fonctionne mais je ne veux pas clicker je veux juste selectionner dans un menu d�roulant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<script type="text/javascript">
<!--
function selectOption(num)
{
   var selObj = document.getElementById('selSeaShells1');
   selObj.selectedIndex = num;
}
-->
</script>
<body>
<select name="selSS1" id="selSeaShells1">
	<option value="val0">sea zero</option>
	<option value="val1">sea one</option>
	<option value="val2">sea two</option>
	<option value="val3">sea three</option>
	<option value="val4">sea four</option>
</select>
<input type="button" value="0" onclick="selectOption(0);" />
<input type="button" value="1" onclick="selectOption(1);" />
<input type="button" value="2" onclick="selectOption(2);" />
<input type="button" value="3" onclick="selectOption(3);" />
<input type="button" value="4" onclick="selectOption(4);" />

Tout simplement parce que le onchange tu dois pas le mettre aux options de ton select mais au select directement, comme ceci :
Code:

1 2 3 4 5 6 7 8 <select name="selSS1" id="selSeaShells1" onchange="fonction"> <option value="val0">sea zero</option> <option value="val1">sea one</option> <option value="val2">sea two</option> <option value="val3">sea three</option> <option value="val4">sea four</option> </select>
et si le param�tre de ta fonction est la valeur s�lectionn�e, this.value devrait faire l'affaire je pense

19/03/2006, 01h40
vampyrx

Merci