Ajax et PHP : select ne se remplis pas
Bonjour à tous,
J'ai un select qui charge des villes (toutes les villes de france, donc très lourd).
Il charge les 35 000 communes de France depuis une de mes tables, autant vous dire que quand je lance la page le chargement et la quantité téléchargée donne envie de se pendre si on a pas la fibre.
J'utilise l'outil select 2, l'utilisateur commence à mettre le début du nom de sa ville et l'outil lui sort les villes qui contiennent le préfixe rentré, c'est très pratique et mon client veut à tout prix conserver cette fonctionnalité.
Il faudrait peut-être qu'a chaque lettre rentrée, le système fasse sa requête à ce moment, limitant le nombre de ville chargé. Quelqu'un a-t-il un début de code là dessus pour select 2? Je suis débutant en JS et je ne saurai pas construire ça from scratch.
Mon code actuel (qui donc, tourne bien mais est lourd):
Code:
1
2
3
4
5
6
7
8
9
10
11
|
<label for="Ville">Ville</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" class="form-control client_ville_insert" />
<datalist id="ice-cream-flavors">
<select type="text" class="form-control">
<?php $list = $bdd->query('SELECT DISTINCT ville_nom FROM ville ORDER BY ville_nom ASC');
while ($data = $list->fetch()) { ?>
<option value="<?php echo $data['ville_nom']; ?>"> <?php echo $data['ville_nom']; ?></option>
<?php } $list->closeCursor(); ?>
</select>
</datalist> |
Merci d'avance :)
