我使用select2在select中自动完成。问题是我在这个select中加载了很多城市，这使得连接不好的客户冻结/延迟。我正在寻找一个脚本，它能够做到加载和自动完成，只有当我的用户正在搜索一个城市，而不是从我的数据库加载我的60000个城市。你有什么想法？谢谢您。我的代码：

<div class="form-group col-md-4">
                  <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>
                </div>
                <div class="form-group col-md-4">
                  <label for="Postal">Code Postal</label>
                  <div class="load_postalcode">
                    Postal Code is load here
                </div>