Tengo un problema con una lista de búsqueda inteligente que necesito que, una vez que se haga la selección del valor, se envíe el formulario. Sin embargo no funciona hasta que hago clic fuera del campo.
El código es el siguiente:
<input id="ComunaBuscador" name="city" class="form-control" placeholder="Escribe la comuna" list="cities" autocomplete="off" required onchange='this.form.submit()' >
<datalist id="cities">
<?php go_citylist();?>
</datalist>
La función go_citylist
genera lo siguiente a medida que vas escribiendo:
<datalist id="cities">
<option value="Arica">
<option value="Cañete">
<option value="Hualañé">
<option value="Independencia">
<option value="Papudo">
<option value="Temuco">
</datalist>
El problema es que cuando termino de escribir, selecciono alguna de las opciones que cumplen el criterio de búsqueda y no se activa el evento onchange
hasta que hago clic fuera del input
(y esto no ocurre porque es el único campo y no hay botón submit
).
¿Existe algún evento javascript que me ayude con esto? ¿Alguna otra forma de enviar el formulario?