允許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'); 
})