Tengo una página de entrada de puntuación en un sitio web basado en PHP. Utiliza una consulta de base de datos para recuperar el nombre y la ID de base de datos del jugador en una variable de matriz de PHP, luego recorre los datos devueltos para crear una lista desplegable HTML <select> .

Esto ahora se ha vuelto demasiado largo... especialmente cuando se ingresa en un dispositivo móvil (en iOS es aún peor con la implementación de la rueda de desplazamiento que usan, ¡ni siquiera sé cómo se ve en Android!)

Así que tengo una matriz de PHP con los campos Nombre e ID.

Me gustaría convertir esto para filtrar una lista desplegable dinámica a medida que el usuario escribe los caracteres.

Soy novato en Javascript y sus matices, aunque entiendo los principios del lenguaje. El modelo DOM y otras cosas con las que tampoco estoy muy familiarizado. Espero usar una función onChange() en el cuadro de texto <input> (?).

Pero, ¿cómo lo vinculo con mi variable de matriz de PHP existente? ¿O copiar esta variable "a través" de la función JS?

Cambié la base de datos subyacente a una versión NoSQL (MongoDB). La mayor parte de los tutoriales, blogs, etc., para "AJAX Live Search" o equivalente parecen estar centrados en MySQL (que usé anteriormente...)