Duvida sobre requisição AJAX

[Rodrigo V 0]

Boa tarde pessoal, sou novo aqui e não sei se o conteúdo que estou postando está no lugar correto.
Estou com uma dúvida no ajax de uma requisição onde o retorno do banco popula o meu select, mas o problema é que  meu select devido possuir muitos dados ( em torno de 3000 options) quando retorna o navegador da uma leve travada mas no navegado do celular(com android 9) e trava ao ponto de ter que fechar aplicação. Acredito que teria que fazer um option que carregue por demanda algo assim, mas não sei se o meu pensamento está correto, e se estiver não sei como fazer... se alguém conseguir me ajudar agradeço. segue abaixo  códigos:

 

onde é populado o select

           <div class="col-md-2">

            <select class="btao1" id="resultados"></select>

            <input id="btao1" type="submit" value="Conferir" />

          </div>

 

requisicao ajax

<script>

  $(document).ready(function() {

    select_resultados()

 

  });

 

  function select_resultados() {

    $.ajax({

      url: 'select_resultados.php',

      method: 'GET',

      success: function(dados) {

        $('#resultados').html(dados);

      }

    });

  }

 

</script>

 

pagina php que busca no banco 

 

$query_select = "SELECT * FROM resultados ORDER BY id DESC";

$result_select = $connect->prepare($query_select);

$result_select->execute();

 

while($resultado_select = $result_select->fetch(PDO::FETCH_ASSOC)){

    extract($resultado_select);

    echo '    

    <option value='.$id.'>'.$name.'</option>';

}

 

 

[William Bruno 1501]

faz um autocomplete.

ex:

https://wbruno.com.br/ajax/suggest-ajax-jquery-phpmysql/