Récupérer la valeur d'un élement après un appel Ajax
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:
1
2
3
| <div id="tableau">
<?php include("tableau.php"); ?>
</div> |
l'appel Ajax :
Code:
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);
}
}
});
}); |
