首页 > 解决方案 > Chrome 忽略 select2 的 autocomplete="off"

问题描述

尝试了几种禁用自动完成的方法,Chrome 在使用 jQuery Select2 输入时仍然会忽略它。

我尝试在实际输入之前插入另一个输入字段(并使用显示:无)试图欺骗 Chrome,这似乎也不起作用。

这是输入现在的样子:

<input type="text" autocomplete="off" autocorrect="off" 
autocapitalize="off" spellcheck="false" class="select2-input select2-default" id="s2id_autogen2" placeholder="" style="width: 283px;" aria-activedescendant="select2-result-label-3">

单击该字段时,Chrome 至少有一半时间会尝试使用我保存在 Chrome 中的电话号码自动完成它。任何想法如何禁用它?它还抑制了 Select2 的使用,因为它覆盖了它的选项。

标签: jquerygoogle-chromeautocompletejquery-select2

解决方案


很简单试试

<script type="text/javascript" charset="UTF-8">
$(document).ready(function(){
    $( document ).on( 'focus', ':input', function(){
        $( this ).attr( 'autocomplete', 'new-password' );
    }); 
    $( "input.select2-input" ).attr( 'autocomplete', 'new-password' );

});
</script>

推荐阅读