html datalist显示没有匹配前缀的选项

Question

我有一个搜索框和一个datalist来建议自动填充和拼写更正，但拼写更正未显示，因为它们与输入的前缀不匹配。例如，如果用户输入“污染”并且我想建议“污染”，则该选项不会出现在datalist中。 每次按键后都会使用JS填充datalist。

<input id="query" list="suggest" onkeyup="auto_suggest()" type="text" />
<datalist id="suggest"></datalist>

JS：

function auto_suggest() {

    //do an AJAX call and get back json with options

    suggest_list_html=''
    for (var i = 0; i < json.length; i++) {
        suggest_list_html+='<option value="'+json[i]+'">'
    };
    document.getElementById('suggest').innerHTML = suggest_list_html
}

我该如何解决这个问题？感谢