允许Chrome自动完成，但没有提示某些字段

Question

我有一个表单有多个输入，其中之一是国家。我为国家列表创建了我自己的下拉框。我正在使用form_for，并且我希望浏览器的自动填充功能可以填写此字段，前提是他们在表单的其他字段上选择了自动填充选项，但我不希望它仅在此特定输入字段中提示用户（因为它阻碍我的下拉）。

  <%= form.text_field :country, 
       id: :sender_address_country, 
       class: "form-control country-search", 
       autocomplete: "off" %> 

我已经试过了：自动完成和：自动填充选项我已经看到了在各种组合的类似问题的答复。 ：自动完成功能可以停止自动填充提示，但如果用户从表单的第一个字段中选择自动填充选项，则不允许用户进行自动填充。感谢您的帮助！

Answer 1

工作的一些东西，但我决定添加一个JavaScript效果到字段添加autocomplete属性，而焦点被删除时它被删除。

$('.country-search').focusout(function() { 
    $(this).removeAttr('autocomplete'); 
}); 

$('.country-search').focusin(function() { 
    $(this).attr('autocomplete', 'off'); 
})