在Bootstrap 3中使用Chrome自动完成搜索问题

Question

我有工作搜索字段，它从数据库中提取数据，它也有自动完成功能。它在firefox中运行良好，但Chrome中存在问题。

当我开始输入firefox示例时：John Anthony Doe，我可以编写Doe，它会调出John Anthony Doe或Doe的任何数据，但是在Chrome中它只会带来数据，如果我从第一个字母开始，即约翰。

任何想法我该如何解决？我必须做一个chrome设置吗？

感谢帮助。

Answer 1

我创建了一个简单的表单并在chrome和firefox中运行它。

<form method="post" action="#">
    <input type="text" name="testText" />
    <input type="submit" />
</form>

结果与你提到的相同。

所以基本上，显示自动完成的是基于浏览器的，并且没有这样的设置来改变它从先前输入中搜索的方式。 Firefox搜索%text%之类的通配符，而像text%一样搜索Chrome。这是一个内置功能。<​​/ em>

---

对于IE：

可以按照以下步骤启用和禁用Internet Explorer自动完成功能。

1. 打开Microsoft Internet Explorer。
2. 单击“工具”，然后单击“Internet选项”。
3. 在“Internet选项”窗口中，单击“内容”选项卡。
4. 单击“自动完成”按钮。
5. 检查表格。

但同样，IE的行为与你的情况相似

  

要手动解决此问题，您可以创建自己的自动完成：

当用户键入文本时，使用AJAX从db获取数据，在db（%text%或text%）中搜索您想要的文本。

然后使用提取的值填充该文本框的datalist。