如何使用javascript减少输入的选项列表

Question

我正在尝试使用下面的选项列表来开发搜索栏（输入字段）。

此选项列表应在写入输入字段（oninput？）时过滤条目。在开始时，选项列表是完全可见的。输入至少3-4个字符后，选项列表应仅显示包含输入字符的条目。

这是我如何从数据库中生成选项列表的PHP脚本：

function liste_projekte($link){
    $sql="SELECT * FROM mite_projektdetails";
    $result = mysqli_query($link,$sql);
    $once=false;
    echo '<li class="optionlist list_header">...</li>';
    echo '<li class="optionlist list_header" onclick="new_project()">» Neues Projekt</li>';
    while($row = mysqli_fetch_assoc($result)){
        $array_projectlist[$row['customer_name']][]=[$row['name']];
    }
    foreach($array_projectlist as $customer => $projects){
        echo '<li class="optionlist list_customer">'.$customer.'</li>';
        foreach($projects as $key => $projekt){
        echo '<li class="optionlist list_options">'.$projekt[0].'</li>';
        }

    }
}

输入涉及所有带有“ list_options”类的条目。属于它的客户也应该保持显示状态... class =“ list_customer”