Javascript 强制从数据列表或等效项中选择（文本输入）

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

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

{menuItems%中项目的%s}
{{item.name}
{%endfor%}

---

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

autocomplete

始终更适合于此，因为您始终可以根据用户的无效输入进行验证，也可以强制文本输入以接受数据库将提供给用户的内容。

autocomplete

始终更适合于此，因为您可以根据用户的无效输入进行验证，也可以强制文本输入接受DB将提供给用户的内容。

您应该使用它，因为即使bootstrap的字体插件也不适合您的需要。

您应该使用它，因为即使是bootstrap的打印头插件也不适合您的需要。

那么我该怎么做呢？将其更改为以下内容<代码>变量菜单=[{%for menuItems%}{{{item.name}}，{%endfor%}]$（'input:text'）.typeahead（{local:menu}）@dk.win因为您使用的是php，所以可以直接使用

ajax

请求DB进行自动完成，而不是将值保存在列表中进行迭代。在

jquery

中这样做要快得多，例如，有一篇帖子在上，或者你也可以访问

twitter引导的最佳链接，尽管
jquery
在这个链接上显示为typeahead：那么我该怎么做呢？将其更改为以下内容<代码>变量菜单=[{%for menuItems%}{{{item.name}}，{%endfor%}]$（'input:text'）.typeahead（{local:menu}）

@dk.win因为您使用的是php，所以可以直接使用

ajax

请求DB进行自动完成，而不是将值保存在列表中进行迭代。在

jquery

中这样做会快得多，例如有一篇帖子，或者你也可以访问

twitter bootstrap

的best，尽管

jquery

在这个链接上显示为typeahead:selected正是我要找的。但是，我使用的是金字塔框架，两个网格可以吗？我不知道，但是测试它非常简单{%for item in menuItems%}{{item.name}{%endfor%}，然后$（'select'）。selected（）selected（）正是我要找的。但是，我使用的是金字塔框架，两个网格可以吗？我不知道，但是测试它非常简单{%for-item-in-menuItems%}{{item.name}{%endfor%}，然后是$（'select'）.selected（）