Menu deroulant en fonction d'un bouton radio

**lousa005** · 20/06/2011, 15h47

Bonjour, débutante en javascript depuis 3 jours je regarde des codes sur le web pour pourvoir faire un evenement mais je n'arrive pas a le mettre en pratique c'est bete

peut etre c'est parce que je n'arrive pas a tout assembler ensemble ..

Bref je vais vous expliquer j'aimerais pouvoir afficher un menu deroulant en fonction du bouton radio choisi.
La liste du bouton deroulant est issue d'une requete sql, si c'est le cas A alors on affiche dans le menu deroulant que les elements du cas A si c'est le cas B alors que les elements du cas B.

je sais je pense que le probleme est recurrente mais le truc ou je bloque c'est par rapport a la requete ou faire appel de cette requete. J essaye de m expliquer je me dirige vers un truc comme cela

Code :

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

1
2
3
4
  function activList(){
    	if(document.getElementById('dos_agentStatut').checked == true) 
    		// alors afficher que type de menu 
    	}

voila si vous pouviez m'aider car la je galere grave

, merci

**andry.aime** · 20/06/2011, 19h19

Bonsoir,

C'est quoi un bouton déroulant

Sinon, regarde ce tutoriel, ça pourrais bien t'aider.

A+.

**lousa005** · 21/06/2011, 11h28

je voulais dire menu deroulant merci pour ton tuto je vais voir, je suis sur une piste si je n'y arrive pas je reviendrais.

**lousa005** · 21/06/2011, 17h03

me revoila !

j'ai fais quelquechose mais j'ai l'impression que je ne rentre pas dans mon fichier ajax si quelqu'un avait une lumiere a me proposer, merci j
je met mes deux fichiers :
(je ne met que l'essentiel)

Code php :

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
 
<?php
 
?>
<html>
<head>
<title><?php echo(strtoupper(_LIBELLE_APPLI) . _ENVIRONNEMENT); ?></title>
 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
	<script src		 = "http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  	<script>
 
	   $(function(){
	    $('#dos_agentStatut').change(function(){
	     $.getJSON('ajax.php', {choix: $(this).val()}, function(data) {
	      var options = '';
	      for (var i = 0; i < data.length; ++i) {
	       options+= '<option value="' + data[i][0] + '">' + data[i][1] + '</option>';
	      }
	      $('#dst_id').html(options);
	     });
	    });
	   });
  	</script>
</head>
<body>
<div id="conteneur">
    <div class="entete"><?php require("../appli_inc/entete.php"); ?></div>
 
  <?php if ($sortie == "Normal") {?>
 
  <div id="centre">
    <form name="recherche"  method="post" action="dossiersSelection.php">
      <table width="100%" align="center" cellpadding="5" cellspacing="5" bgcolor="#EDEDED" class="borduregris">        
        <tr class="petit_texte_gris"> 
          <td align='right'>
            <b>motif dispo :</b> 
          </td>
          <td nowrap>
            <select name="dst_id" class="champ_select" id="dst_id">
            </select> 
          </td>
        </tr>       
        <tr class="petit_texte_gris"> 
          <td colspan="2" align='center'>
            <input name="reset"  type="button" class="bouton_fond_blanc" value="réinitialiser" id="reset"> 
            <input name="submit" type="submit" class="bouton_fond_orange" value="Valider" > 
          </td>
        </tr>
      </table>
    </form>  
 
  </div>
  <?php }   //  if ($sortie == "Normal") ?>
 
  <div id="enpied"> 
    <?php require("../inc/enpied.php"); ?>
  </div>
</div>
</body>
</html>

et ajax.php :

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
<?php
 
header('Content-Type: text/json; charset=utf-8');
#header('Content-Type: text/plain; charset=utf-8');
 
	function encode($arr) {            
		$str = '{';
		foreach($arr as $key => $value) {
			$str .= '"'.$key.'":"'.$value.'",';
		}
 
		$out = substr_replace($str, "", -1);
		$out .= '}';
 
		return $out;
	}
	//$arr = array( 'toto',  'lolo', 'titi');
	//$json = encode($arr); // returnst: { "item 2":"value 2", "item 3":"value 3", "item 3":"value 3"  }
 
	//echo $json;
 
 
$choix = isset($_REQUEST['AFO']) ? $_REQUEST['ACO'] : '';
$value = Array();
 
switch($choix) {
	case 'ACO':
	{
		$value = Array(
		Array('x','y'),
		Array('a','A')
 
	);
		/*$r = mysql_unbuffered_query('SELECT
					dst_id
					, dst_libelleSimple
					FROM
					fdc_dispo_types
					WHERE dst_AFO = 1;');
		while($row = mysql_fetch_row($r)) {
		$value[] = $row;
		}*/
	}
		break;
 
	case 'AFO':
	{
		$value = Array(
		Array('foo','bar'),
		Array('xyz','abc')
	);
		/*$r = mysql_unbuffered_query('SELECT
					dst_id
					, dst_libelleSimple
					FROM
					fdc_dispo_types
					WHERE dst_ACO = 1;');
		while($row = mysql_fetch_row($r)) {
			$value[] = $row;
		}*/
		break;
	}
}
	$json = encode($value);
 
	echo $json;

merci de votre aide ca fait 3 jours que je suis dessus

Menu deroulant en fonction d'un bouton radio

JavaScript

Vue hybride

Discussions similaires

Partager

Partager