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>';
}