live search y seleccionar campo

[dairo65]

saludos.

tengo dos problemas y es que tengo un live search donde busca ciudades en mi db pero cuando hago la búsqueda no puedo seleccionar el texto para que auto complete en select de html, estube revisando y el problema lo tengo en js y no entiendo mucho de js.

aqui esta el codigo

Código Javascript:

function buscar(){
 
    var pattern = document.getElementById('buscar').value;
    var solicitud = new XMLHttpRequest();
    var data  = new FormData();
    var url = '/php/buscaCiudad.php';
 
 
 
    data.append("pattern", pattern);
    solicitud.open('POST',url, true);
    solicitud.send(data);
 
    solicitud.addEventListener('load', function(e){
        var cajadatos = document.getElementById('datos');
        cajadatos.innerHTML = e.target.responseText;
         
}, false);
}
 
window.addEventListener('load', function(){
 
    document.getElementById('buscar').addEventListener('input', buscar, false);
    
}, false);
 

y el otro problema es que cuando busco ciudades en la caja de búsqueda pero borro todo me arroja toda la fila de ciudades?

alguna idea de que podrá ser.

muchas gracias por sus amables comentarios

[lair]

Hola.
Una opción es validar que la longitud del texto que buscas cumpla con una longitud mínima:

Código Javascript:

function buscar(){
 
    var pattern = document.getElementById('buscar').value;
    if(pattern.length > 3){
        // Todo tu código aquí
    }
}
 
window.addEventListener('load', function(){
 
    document.getElementById('buscar').addEventListener('input', buscar, false);
    
}, false);