Filtre recherche multiple
Salut a tous
je débute en ajax/JS et j'essaie de faire un filtre multicritère qui va chercher les infos en BDD
donc une page avec form style :
Code:
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
| ...
<div class="form-group">
<select name="region" class="region form-control" id="region">
<option value="" selected>-- Tous --</option>
<option value="region1">region1</option>
<option value="region2">region2</option>
<option value="region3">region3</option>
</select>
</div>
<div class="form-group">
<select name="typeT" class="typeT form-control" id="typeT">
<!--<option selected disabled>Région</option>-->
<option value="" selected>-- Tous --</option>
<option value="T1" >T1</option>
<option value="T2" >T2</option>
<option value="T3" >T3</option>
<option value="T4" >T4</option>
</select>
</div>
<div class="table-responsive" id="dynamic_content">
</div>
</div>
</div>
</div>
</body>
</html>
<script>
$(document).ready(function(){
load_data(1);
function load_data(page, query = '')
{
$.ajax({
url:"fetch.php",
method:"POST",
data:{page:page, query:query},
success:function(data)
{
$('#dynamic_content').html(data);
}
});
}
$(document).on('click', '.page-link', function(){
var page = $(this).data('page_number');
var query = $('#region').val();
load_data(page, query);
});
$('#region').change(function(){
var query = $('#region').val();
load_data(1, query);
});
});
</script> |
ma page fetch.php qui traite la requête
Code:
1
2
3
4
5
6
7
8
9
10
11
12
| ...
$query = "
SELECT * FROM residences
";
if($_POST['query'] != '')
{
$query .= '
WHERE region = "'.$_POST['query'].'"
';
}
$query .= 'ORDER BY city ASC ';
... |
Cela fonctionne parfaitement mais comme vous le voyez dans le html je voudrait ajouter un autre filtre ici le "typeT"
comment faire pour ajouter un autre champ prit en compte dans l'ajax.
Merci de votre aide
Cdt
