Table with select filter - php

Question

I have a table with 4 columns that I want to sort via a select form.
For example, here I have a select to sort the Type column (column 3) with 3 possibilities:
- Site Sportif
- Site de bloc
- Terrain d’aventure
How do you do it?
<div class="stages">
<form id="form-sne-filtre" method="post">
<div>
<select name="type" id="select_1">
<option value=""><?php _e('Filtrer par type'); ?></option>
<option value="0"> <?php _e('Site Sportif'); ?></option>
<option value="1"><?php _e('Site de bloc'); ?></option>
<option value="2"><?php _e('Terrain d\'aventure'); ?></option>
</select>
</div>
</form>
<table id="myTable">
<thead>
<tr>
<th><?php _e('Nom'); ?></th>
<th><?php _e('Ville'); ?></th>
<th><?php _e('Type'); ?></th>
<th><?php _e('Niveau'); ?></th>
</tr>
</thead>
<tbody>
<?php foreach($_POST as $key => $value){
if($value != "") $args[$key] = $value;
}
foreach($snes->items as $sne) { ?>
<tr>
<td><?php echo $sne->SNE_VILLE; ?> <?php echo $sne->SNE_NOM; ?></td>
<td><?php echo $sne->SNE_COMMUNES; ?></td>
<td><?php
$array = array(0 => __('Site sportif'),1 => __('Site de bloc'), 2 => __('Terrain d\'aventure'));
echo $array[$sne->SNE_TYPESITE];
?></td>
<td><?php _e("Nombre de voies : "); ?><?php echo $sne->SNE_NBRVOIES; ?> <?php _e('De'); ?> <?php echo $sne->SNE_NIVEAUVOIE_MIN; ?> <?php _e('à'); ?> <?php echo $sne->SNE_NIVEAUVOIE_MAX;; ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>

Answer 1

If you're using jQuery, you can submit the form whenever a user selects a sort option:
1. Bind events
Add the following tag below div.stages tag
<script>
$("#select_1").on("change", function(e) => {
$("#form-sne-filtre").submit();
})
</script>
2. Handle post param in php
<?php
$sort = $_POST["type"] ?? "";
$snes = sortSnes($snes, $sort); // you have to implement sortSnes function by yourself, don't ask me
?>
<tbody>
<?php foreach($snes as $sne): ?>
<tr>
// render table rows
</tr>
<?php endforeach;?>
</tbody>