Implementé un escáner de código de barras que utiliza cámaras móviles para decodificar y completar un campo de búsqueda. Este campo tiene una función de autocompletar al escribir:

Por ejemplo: la base de datos tiene - 1234, 938, 18279, 3920, 5781

Si escribo en la barra de búsqueda "18", seleccionará automáticamente 18279 ya que no hay otras opciones en la base de datos.

Esto suele funcionar regularmente con lectores de códigos de barras (hardware) ya que actúan como entrada.

Sin embargo, cuando uso este escáner de código de barras basado en html5/js, decodifica el resultado y lo pega en el cuadro de búsqueda; sin embargo, la función de autocompletar/búsqueda no funciona.

este es mi codigo

 function onScanSuccess(decodedText, decodedResult) { if (decodedText !== lastResult) { document.getElementById("search_product").value = ''; beep(); ++countResults; lastResult = decodedText; console.log(`Scan result ${decodedText}`, decodedResult); document.getElementById("search_product").focus(); document.getElementById("search_product").value = decodedText; } }

Creo que el problema es con .value, ya que está cambiando el valor del campo en lugar de "ingresar" el resultado. ¿Hay alguna alternativa a .value que pueda resolver mi problema?