Discussion :

[arthuro45]

Bonjour,

Je m'exerce à coder un tableau html filtré avec des listes déroulantes. Le net regorge de plugin mais j'aimerais faire le mien histoire de m'amuser un peu en ce jour de congé

L'exercice est simple : à chaque sélection dans la liste déroulante, je fais un appel Ajax pour mettre à jour la div qui contient le tableau avec les données filtrées.

Au 1er appel je récupère la value du select sans soucis, le problème se situe au 2ème appel, comme la page n'a pas été rechargée la value n'est pas récupérée et les données du tableau ne changent pas.

Comment fait-on pour récupérer la value d'un élément qui n'est pas dans le source de la page ?

Je ne code peut-être pas bien ?? Au 1er chargement de la page j'inclus le tableau comme ça :

Code :

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

1
2
3
<div id="tableau">
	<?php include("tableau.php"); ?>
</div>

l'appel 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
 
$("#id").change(function(){
 
 var filtre = $("#id").val();
  $.ajax({
	type: "POST",
	url: "tableau.php",
	data: { "filt":filtre },
	success: function(donnee){
		if(donnee != "")
		{
		  $("#tableau").html(donnee);
		}
        }
  });
 
});

[Finality]

Salut,

si j'ai bien compris, il faudrait que tu regardes de côté de la méthode live : http://api.jquery.com/live/

la méthode live permet de s'abonner à un évènement, sur un ou plusieurs objets, même si ceux-ci sont insérés plus tard dans le DOM.

Dans ton cas cela donnerait :

Code :

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

1
2
 
$("#id").live('change', function() { //ton traitement });

J'espère bien avoir compris ton problème.

Finality

[arthuro45]

Merci, ça fonctionne