HTML输入来自PHP数组变量的动态过滤？

Question

我在一个基于PHP的网站上有一个分数输入页面。它使用DB查询将播放器的名称& DB检索到一个PHP数组变量中，然后循环返回的数据创建一个HTML下拉列表。

这已经变得太长了，…特别是当进入移动设备时(在iOS上，他们使用的滚动轮实现就更糟了--我甚至不知道它在Android上是什么样子！)

因此，我有一个PHP数组，其中包含Name & ID字段。

当用户输入字符时，我想将其转换为过滤动态下拉列表。

我是Javascript的新手，虽然我理解语言的原理，但它的细微差别。DOM模型和其他我也不太熟悉的东西。我希望在onChange()文本框(？)上使用<input>函数。

但是，如何将其与现有的PHP数组变量联系起来呢？还是将这个变量“跨”复制到JS函数？

我已经将底层DB更改为NoSQL版本(MongoDB)。大部分用于“”或类似内容的教程、博客等似乎都以MySQL (我以前使用过…)为中心。

Answer 1

最有效的方法是使用一些js库，它可以满足您的需要。

根据我的经验，这应该适用于您：https://selectize.dev/

它将select和文本输入结合在一起，其中文本输入仅用于在select中搜索并隐藏不匹配的记录。