Tengo el siguiente formulario de búsqueda en una página HTML en un sitio web creado con Django:
<form method="get"> <input class="form-control" type="text" name="q" id="id_q" placeholder="Search..."> </form>Me gustaría que realice una búsqueda mientras escribe (sin tener que presionar enter). Sé que podríamos usar onchange o onkeyup , pero parece que no puedo hacerlo funcionar.
El javascript en la parte inferior de la página es el siguiente:
<script type="text/javascript"> document.getElementById("id_q").value = "{{query}}" </script>Editar: vi que mi búsqueda funciona sin la parte de Javascript anterior, pero aún necesito presionar Enter. ¿Cuál sería un script simple para iniciar la búsqueda "mientras escribe" sin presionar Enter?
una vez que onchange , puede obtener sus valores actuales y enviar una solicitud de API o cualquier cosa que desee hacer, como a continuación:
window.addEventListener('load', () => { const input = document.getElementById("id_q"); input.addEventListener('change', (e) => { let currentVal=e.target.value; // do anything with this value }) })