Discussion :

[toma03]

Bonjour

j'ai une liste déroulante qui à l'aide d'une fonction javascript affiche une deuxieme liste déroulante .
Voici mon code :

Code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<select name="maliste1" id="maliste1" onChange="afficherElement('maliste2');">
<?php 
while ($result=mysql_fetch_row($sqlType)) 
{   
   $Id=$result[0];
   $Type=$result[1];
    echo "<option value=$Id>$Type</option>";  
 }
 
?>
</select>

J'aimerais aussi récupérer la valeur de la liste déroulante sélectionné

Merci de votre aide

[|PaRa-BoL]

Dans la fonction que tu as mi dans onChange : this.value, pour recuprer la valeur quand elle change.

[toma03]

Voici la fonction javascript :

Code :

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

1
2
3
4
5
6
7
 
<script>
function afficherElement(idElement)
{
    document.getElementById(idElement).style.display = "block";
}
</script>

Ou est-ce que je dois mettre this.value ??

Merci pour ton aide

[|PaRa-BoL]

Tout dépend de ce que tu veux faire...et pourquoi tu as besoin de cette valeur et dans quel contexte. Je peux pas l'inventer pour toi :/

[toma03]

Merci de tes reponses

En fait je veux récupérer la valeur choisi dans le but de l'insérer dans une requete sql dans la deuxieme liste déroulante .

Voila pk

merci

[Raideman]

vu comme tu es parti, je me pencherai vers des technologies ajax.

Le principe est d'appeler ta fonction js (comme tu le fais), puis d'appeler un script php de manière asynchrone qui va te trouver les éléments de la liste 2 à afficher.

Pour schémantiser, ton code ressemblerait à:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script>
function afficherElement(idElement,idliste2)
{
    document.getElementById(idElement).style.display = "block";
   //la tu insères un appel ajax vers un fichier php avec en parametre l'idliste2
  //par exemple : getListe.php?idliste=idliste2
}
</script>
 
<select name="maliste1" id="maliste1" onChange="afficherElement('maliste2',this.value);">
<?php 
while ($result=mysql_fetch_row($sqlType)) 
{   
   $Id=$result[0];
   $Type=$result[1];
    echo "<option value=$Id>$Type</option>";  
 }
 
?>
</select>

getListe.php serait donc chargé de trouver les éléments à afficher dans la liste 2 en fonction de l'id passé en paramètres.

C'est peut etre un peu abstrait si tu ne connais pas bien ajax alors je te recommande ce tutoriel qui devrait bien te guider dans ton problème:

http://siddh.developpez.com/articles/ajax/#LIV-A

[toma03]

je te remercie ,
Je vais regarder d'un peu plus près l'ajax ...

[toma03]

Pour info : Voila comment j'ai procédé sans utilisé l'ajax .

Code :

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

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
 
<script>
function afficherElement(idElement)
{
  idSelect = document.getElementById('maliste1').options[document.getElementById('maliste1').selectedIndex].value;
	for(i=0;i < document.getElementById('maliste1').options.length;i++)
	{
    ssIdSelect = document.getElementById('maliste1').options[i].value;
    cacherElement('maSousListe' + ssIdSelect);
  }
  document.getElementById('maSousListe' + idSelect).style.display = "block";
 
}
 
 
 
function cacherElement(idElement)
{
    document.getElementById(idElement).style.display = "none";
}
 
 
 
</script>
<?php 
 
$sqlType=mysql_query("SELECT * FROM TYPEMATERIEL");
 
 
 
 
 
 //echo $recup;
?>
 
 
</select>  
</form>
 
  <p></p>
 
 
<?php 
$res = mysql_query("SELECT * FROM TYPEMATERIEL");
while ($result=mysql_fetch_row($res)) 
{   
   $Id=$result[0];
   $Type=$result[1];
   ?>
	<select name="maSousListe<?php echo $Id;?>" 
          id="maSousListe<?php echo $Id;?>" 
          onChange="maSousListe<?php echo $Id;?>" 
          style="display:  none;">
		<?php 
		$res2 = mysql_query("SELECT * FROM MATERIEL WHERE IdTypeMateriel = ".$result[0]);
    while ($result2=mysql_fetch_row($res2)) 
    {   
      $Id=$result2[0];
      $Type=$result2[2];
    ?>
      <?php echo "<option value=$Id>$Type</option>"; ?>
    <?}?>
	</select>  
 <?php
  }
 ?>

[|PaRa-BoL]

Pourquoi aurais tu utilisé AJAX ?

[toma03]

vu comme tu es parti, je me pencherai vers des technologies ajax.

Voila pk j'aurais peut etre utilisé l'ajax .