javascript - 强制从数据列表或等效项中选择(文本输入)

Question

以下代码用于订购商品，它允许用户自由键入，但它包含从我的数据库填充的数据列表，因此如果他们开始键入其中一个商品，它就会弹出。我想强制文本输入仅接受来自数据库的项目。我怎样才能做到这一点？

<input id="prevName" type="text" list="menuItems">
    <datalist id="menuItems">
        {% for item in menuItems %}
        <option>{{item.name}}</option>
        {% endfor %}
    </datalist>
</input>

自动完成还是其他更适合？

Answer 1

您应该使用Chosen而不是它，因为即使是 bootstrap 的 typehead 插件也不能满足您的需求。