Javascript 从下拉列表中搜索并建议关键字

我正在使用php和javascript。我已经为下拉菜单编写了代码。现在我想写一个代码，在文本框中输入word&它将从下拉列表中建议单词。就像我在文本框中输入'abc'一样，它将给出所有结果，从下拉列表中以'abc'开头。请给我提供正确的php或javascript代码。。。那将满足我的条件。非常感谢。下面是一个下拉代码。我想要搜索和建议代码

<label>Site Name:</label>
<select id="combobox">
 <option value=""></option>
 <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="fiat">Fiat</option>
 <option value="audi">Audi</option>
</select>   
<input type="submit" name="submit" value="submit"/> 

站点名称：
沃尔沃汽车
萨博
法令
奥迪

数据列表元素可能会有所帮助

<form action="action_page.php">
   <input list="browsers">
   <datalist id="browsers">
     <option value="Internet Explorer">
     <option value="Firefox">
     <option value="Chrome">
     <option value="Opera">
     <option value="Safari">
   </datalist> 
</form>

摘自：

编辑： 如果您只是想要一个javascript解决方案： 加：

及

var e=document.getElementById（“组合框”）；
var t=document.getElementById（“搜索”）；
函数更改（）{
var ts=t.value.toLowerCase（）；
如果（ts.长度<1）{
e、 selectedIndex=0；
返回；
}
对于（var i=0；i

您给了我下拉列表的代码。我对下拉列表的代码没有任何问题。我想要一个从下拉列表中搜索并建议单词的代码。@Andre，回答得好+1.请确保w3schools的参考链接未经验证。使用或。此代码正是这样做的。它搜索并建议数据列表中的单词。。。也可以作为下拉列表使用

<input type="text" id="search" onkeyup="change()" />

var e = document.getElementById("combobox");
var t = document.getElementById("search");
function change() {
    var ts = t.value.toLowerCase();
    if (ts.length < 1) {
        e.selectedIndex = 0;
        return;
    }
    for (var i = 0; i < e.options.length; i++) {
        var es = e.options[i].text.toLowerCase();
        if (es.lastIndexOf(ts, 0) === 0) {
            e.selectedIndex = e.options[i].index;
            return;
        }
    }
    e.selectedIndex = 0;
}