Javascript 如何将下拉列表转换为在HTML和PHP中显示搜索匹配结果的输入标记？

我目前有以下代码显示选项标记的查询结果。但是我想把它转换成当用户输入一些单词时显示匹配结果的输入，就像谷歌的搜索输入组合框一样？。如何进行输入，以及如何使用脚本从以下数据$notebook中查找与用户输入匹配的结果？让事情变得复杂的是，我想提交值='.$n['Note']['member_id']，而不是用户输入的值，如果可能的话，因为我是初学者，应该有一个更好的解决方案，我不知道。如果可能的话，一些例子会很好，因为我无法通过谷歌搜索找到一个好的解决方案。我完全无助，我真的很想听到你的声音

<form action="" method="get">
<select>
    <?php 
    foreach($notebook as $n):?>
   <?php 
     echo '<option name="my" value='.$n['Note']['member_id'].'>'.$n['Note']['member_name'].'</option>'; 
    ?>
    <?php endforeach;?>
    <?php unset($notebook); ?>
</select>
    <input type="submit" value="search">
</form>

---

你需要一个自动完成的东西。检查以下示例：

$function{ var availableTags=[ 动作脚本， AppleScript， Asp， 基本的 C C++， Clojure， COBOL， 冷落， 二郎， Fortran， 好极了， 哈斯克尔， JAVA JavaScript， 口齿不清， Perl， PHP， python 红宝石 斯卡拉， 计划 ]; $tags.autocomplete{ 资料来源：availableTags }; } ; 标签：