El siguiente gif debería mostrar el problema en acción.

Typeahead parece activar la función onChange antes de establecer el valor de un clic, por quién sabe qué razón.

Como puede ver, todo lo que se escribe en el cuadro se toma correctamente, pero si un usuario selecciona una opción del menú desplegable, solo se toma lo que se había escrito hasta ese momento, en lugar del comportamiento apropiado, que es el valor en el texto. caja.

El código TypeAhead JS parece

 $('#typeahead_id').typeahead({ name: 'typeahead', remote: 'search.php?key=%QUERY, limit: 10 });

Y el html para la entrada.

 <label>Team Name:</label> <input type='text' id='typeahead_id' onChange='update_params("team",typeahead_id)' class='typeahead tt-query' autocomplete='on' spellcheck='false' placeholder='Select Team'><br>`;

El método de actualización de Param

 function update_params(val, id) { let temp = nodes[id] temp.params[val] = $("#" + val + id).val() console.log(temp) }

La rareza de esto se puede explicar porque cada uno de los cuadros azules se conoce como un nodo y puede tener su propia escritura anticipada única.

Necesito una forma en que los usuarios puedan escribir el nombre del equipo en la entrada o seleccionar uno del menú desplegable y mi código debería poder recuperar ese valor y establecerlo en el lugar apropiado.