actualisation d'un select

**creadb** · 18/03/2011, 10h37

Bonjour à tous

,
N'ayant pas fais de javascript depuis un moment je suis un peu perdu pour mon formulaire.
J'ai deux select un qui correspond au direction et un qui correspond au service. Celui correspondant au service doit s'actualiser en fonction de la direction choisi ... et c'est la que je suis perdu ... je mets le code si quelqu'un a une idée

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
 
/***** Appel test javascript *****/
		$content .= '<script type="text/javascript">
					function controle_dir() {
						document.direction.submit();
						document.location.reload();
					}
					</script>';
 
		/*** début du formulaire direction ***/
		$content .='<form name="direction" action="" method="POST">';
		$content .='<div id="label">Direction :</div>';
		$content .='<select name="direction" id="direction" title="Recherche par Direction" onChange="controle_dir(this[this.selectedIndex].value)">';
		$content .= '<option id="cacher"></option>';
		for ($d=0;$d<$count3;$d++){
				if ($rows3[$d]['direction'] != null){
					$content .='<option id="opt">'.$rows3[$d]['direction'].'</option>';
				}
		}
 
		$content .='</select>';
		$content .='</form>';
		/*** fin du formulaire direction ***/
 
		/*** début du formulaire ***/
		echo $_POST['direction'];
		$content .='<form for="formulaire" action="" method="POST" onChange="">';
		$content .='<div id="label">Service :</div>';
		$content .='<select name="service" id="service" title="Recherche par Service">';		
		$content .='<option></option>';
		for ($e=0; $e<$count2; $e++){ 
				if ($rows2[$e]['service'] != null && $_POST['direction'] == $rows2[$e]['direction']){
					$content .= '<option>'.$rows2[$e]['service'].'</option>';
				}
		}
 
		$content .='</select>';
 
		$content .='<div id="label">Nom :</div> <input style="width:150px;" type="text" name="nom" title="Recherche par nom de famille"><br />';
		$content .='<div id="label">Prénom :</div> <input style="width:150px;" type="text" name="prenom" title="Recherche par prénom"><br />';
		$content .='<br /><input type="submit" class="submit" name="submit" value="Rechercher" title="Lancer la recherche"><input type="reset" class="reset" name="reset" value="Restaurer" title="Restaurer le formulaire">';
</form>

**SpaceFrog** · 18/03/2011, 10h38

On préfèrerait voir le html js généré ...

**creadb** · 18/03/2011, 10h48

Qu'entends tu par html généré ??

Bossant sous typo3 je ne peux pas donner plus d'info à part poser le code entier de l'extension ...

**SpaceFrog** · 18/03/2011, 10h54

Quand tu visualise ta page dans un navigateur ..
tu fais afficher ... source ...

**creadb** · 18/03/2011, 11h01

Oki dsl mais j'ai le nez dans le code depuis 3 jours

Code :

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

1
2
3
4
5
6
7
 
<html><head><link rel="stylesheet" type="text/css" href="fileadmin/templates/widget/style.css" media="all" /><script type="text/javascript" src="fileadmin/templates/widget/js/jquery.js" media="all"></script><script type="text/javascript" src="fileadmin/templates/widget/js/select.js" media="all"></script><script type="text/javascript" src="typo3conf/ext/rgmoodalbox/res/js/mootools.js"></script><script type="text/javascript" src="typo3conf/ext/rgmoodalbox/res/js/moodalbox.js"></script></head><body><script type="text/javascript">
					function controle_dir() {
						document.direction.submit();
						document.location.reload();
					}
					</script><form name="direction" for="direction" action="" method="POST"><div id="label">Direction :</div><select name="direction" id="direction" title="Recherche par Direction" onChange="controle_dir(this[this.selectedIndex].value)"><option id="cacher"></option><option id="opt">Affaires Financières - Prévention</option><option id="opt">Affaires Statutaires</option><option id="opt">Communication</option><option id="opt">Concours</option><option id="opt">Direction</option><option id="opt">Emploi</option><option id="opt">Présidence</option><option id="opt">Ressources humaines et logistique</option></select></form><form for="formulaire" action="" method="POST" onChange=""><div id="label">Service :</div><select name="service" id="service" title="Recherche par Service"><option></option></select><div id="label">Nom :</div> <input style="width:150px;" type="text" name="nom" title="Recherche par nom de famille"><br /><div id="label">Prénom :</div> <input style="width:150px;" type="text" name="prenom" title="Recherche par prénom"><br /><br /><input type="submit" class="submit" name="submit" value="Rechercher" title="Lancer la recherche"><input type="reset" class="reset" name="reset" value="Restaurer" title="Restaurer le formulaire"><br /><br /><div align="center" style="color:red;">Vous devez renseigner un champs minimum.</div></form></body></html>

Voici le code généré par le widget ou ce trouve le code.

**tayoze** · 18/03/2011, 14h52

Ta balise form a le meme nom que ton select N° 1 c'est une idée

Pourquoi ne mets-tu pas à jour ton select N° 2 avec du Jquery, sans transmettre ton formulaire ?
Code javascript :

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
 
$('#direction').change(function(){
	var value = '';
        $('#direction' :selected').each(function(i, selected){
	      value = $(selected).val();
	});
	$.ajax({
	async : false,
	type: 'POST',
	url: 'PageGetInfo.php',
	data: 'action=miseajourselect&value='+value,
	error: function(){},
	beforeSend: function(){},
        success: function(msg){
             $('#service').replaceWith(msg);
             }
	});
		});
 
});

PageGetinfo

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
if action = miseajourselect then
<select name="service" id="service">
<option .....
....
....
....
</option>
</select>
 
end if

Ps: désolé pour mon manque de temsps pour trouver le bon code pour du Php

actualisation d'un select

JavaScript

Vue hybride

Discussions similaires

Partager

Partager