Twitter Bootstrap Typeahead 文本字段名称属性与自动完成功能混淆

Question

我正在使用来自 twitter bootstrap 的 typeahead js 扩展作为自动完成字段。我对此有一个微妙的问题。我有一个文本字段，例如：

<%= text_field_tag :search, params[:search], :data => { :provide => 'typeahead', :source => ...} %>

问题是我必须指定 name='search'（使用 :search），以便能够获取文本输入搜索值。但是，如果我这样做，浏览器会自动创建我已经在我的文本字段中尝试过的条目的自动完成历史记录。

如果我删除 :search 并替换为 ''，浏览器将无法“保存”历史记录，因为文本字段上没有 name 属性。但是，这样，我自己无法获取输入的值。

我该如何解决这个问题？

Answer 1

当我使用 jquery-ui 中的autocomplete 时，它会在输入标签中设置属性 autocomplete="off"，因此您可以尝试包含选项 :autocomplete=>"off"。该字段不显示历史记录中的任何输入，只显示传入自动完成的内容。

如果这不起作用，请尝试 jquery-ui 的自动完成功能。绝对有效。