Discussion :

[Zarkoffe]

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 :

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

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

[Invité]

Bonjour,

perso, j'ai opté pour 2 champs :

• CP : <input>
• Ville : <select>

• Tant que le CP est vide, Ville affiche "Trop de réponses... affinez"
• Quand on commence à indiquer le CP, à partir du 1er, ou 2ème caractère tapé (au choix *) :
  -> Si il y a plus de 500 (ou 1000, ou ce que tu définis) villes (via une simple requête COUNT()), j'affiche encore "Trop de réponses... affinez"
  -> sinon, on charge les villes correspondantes dans le <select>.
• Ensuite, j'ai aussi l'équivalent de "Select2" qui permet une autocompletion (j'utilise "Chosen")

* au 2ème caractère, on est au niveau du département (sauf Dom-Tom, qui ont 3 caractères)