onload / select change

**laloune** · 06/03/2013, 17h42

Bonjour à tous,

j'ai une question de noob mais je ne vois pas trop pourquoi ca ne fonctionne pas:

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
  <script type="text/javascript">
 
  $(function(){
	var planningcycle='<?php echo $planningcycle;?>';
	//var country='<?php echo $country;?>';
	var country=$("#countryselect").val();
	var cube='<?php echo $cube;?>';
	$.ajax({
		url: 'treatment.php',
		data: {pc: planningcycle,
		country: country,
		cube: cube
		},
		dataType: 'json',
		success: function(json) {
			currentstat=json['current_status'];
			$("#current_status").text(currentstat);
		}
	});
  });
 
 
  $("#countryselect").change(function(){
	var planningcycle='<?php echo $planningcycle;?>';
	//var country='<?php echo $country;?>';
	var country=$("#countryselect").val();
	var cube='<?php echo $cube;?>';
	$.ajax({
	url: 'treatment.php',
	data: {pc: planningcycle,
	country: country,
	cube: cube
	},
	dataType: 'json',
	success: function(json) {
		currentstat=json['current_status'];
		$("#current_status").text(currentstat);
	}
	});
  });
 
  </script>
</head>
 
  <body>
 
  <div id="current_status"></div>
  <select id="countryselect">
    <option value="LPFI">LPFI</option>
    <option value="LPFR">LPFR</option>
    <option value="LPDE">LPDE</option>
  </select>
  </body>
</html>

lorsque j'enlève la partie avec le select, ca fonctionne (lorsque je recharge la page, ca change)

mais comment faire pour plugger le "select change" ?

et question subsidiaire, n'est-il pas possible de faire appel à la même fonction qui effectue le traitement ajax, au lieu de l'avoir à 2 endroits différents ?

d'avance merci et désolé pour la question bête

laloune

**Bovino** · 06/03/2013, 17h50

Heu... juste comme ça, c'est quoi qui ne fonctionne pas au juste ?

**laloune** · 06/03/2013, 18h21

Bonjour Bovino,

en fait comme ca, à l'heure qu'il est je dirais : mon cerveau.

en fait le code ne fonctionnait pas lorsque je changeais la valeur du select.

je viens de m'apercevoir que l'évenement est mal placé, il faut le mettre entre:

$(function() {
...
}

c'est à dire si j'ai bien compris la théorie, le "document.ready". Ca donne ca:

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
  <script type="text/javascript">
 
  $(function(){
	var planningcycle='<?php echo $planningcycle;?>';
	//var country='<?php echo $country;?>';
	var country=$("#countryselect").val();
	var cube='<?php echo $cube;?>';
	$.ajax({
		url: 'treatment.php',
		data: {pc: planningcycle,
		country: country,
		cube: cube
		},
		dataType: 'json',
		success: function(json) {
			currentstat=json['current_status'];
			$("#current_status").text(currentstat);
		}
	});
 
 
 
  $("#countryselect").change(function(){
	var planningcycle='<?php echo $planningcycle;?>';
	//var country='<?php echo $country;?>';
	var country=$("#countryselect").val();
	var cube='<?php echo $cube;?>';
	$.ajax({
	url: 'treatment.php',
	data: {pc: planningcycle,
	country: country,
	cube: cube
	},
	dataType: 'json',
	success: function(json) {
		currentstat=json['current_status'];
		$("#current_status").text(currentstat);
	}
	});
  });
 
  });
 
  </script>
</head>
 
  <body>
 
  <div id="current_status"></div>
  <select id="countryselect">
    <option value="LPFI">LPFI</option>
    <option value="LPFR">LPFR</option>
    <option value="LPDE">LPDE</option>
  </select>
  </body>
</html>

par contre concernant la fonction, comment peut-on la mutualiser pour ne l'avoir qu'une seule fois ?

**Bovino** · 06/03/2013, 21h04

jQuery permet aussi bien d'affecter un événement que de le déclencher.
Donc tu affectes l'événement comme tu le fais et au lieu de dupliquer ta fonction au chargement, tu te contentes de le déclencher avec .trigger().

Ceci dit, un appel AJAX au chargement de la page est rarement une bonne idée, logiquement, au moment de construire ta page sur le serveur (en PHP à priori dans ton cas), tu disposes déjà de toutes les informations pour générer correctement ta page sans avoir à l'initialiser avec AJAX.

**laloune** · 08/03/2013, 18h09

Envoyé par Bovino

Ceci dit, un appel AJAX au chargement de la page est rarement une bonne idée, logiquement, au moment de construire ta page sur le serveur (en PHP à priori dans ton cas), tu disposes déjà de toutes les informations pour générer correctement ta page sans avoir à l'initialiser avec AJAX.

Bonjour Bovino,

effectivement je reconnais ma boulette, ca ne sert strictement à rien vu que j'ai déjà tous mes éléments dans la querystring. Je n'utiliserai donc les appels ajax uniquement lorsqu'il y aura interaction depuis les éléments de formulaire

merci pour ton aide !

onload / select change

jQuery

Vue hybride

Discussions similaires

Partager

Partager