我的下拉字段使用隐藏的下拉字段来更新文本输入。原因是因为我使用了一个字段来显示状态'当选择美国以外的国家时,它将变为正在更新的文本字段。还有一个与本机菜单分开的演示交互式下拉菜单,它使用react来更新隐藏的下拉列表和文本字段。这一切都是通过一个国家通过反应来处理的。
结构看起来像这样......
.hidden {
display: none;
}

<div class="wrapper">
<input type="hidden" name="state" autocomplete="shipping address-level1">
<div class="dropdown">
<i class="icon icon-drop-down" role="presentation"></i>
::before <!-- presentation of dropdown that sets the hidden dropdown -->
</div>
<select class="hidden">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AS">American Samoa</option>
<!-- ... -->
</select>
</div>
&#13;
最近Chrome的自动填充功能无法更新隐藏的选择菜单。这是chrome的问题吗?还有其他人遇到过这个问题吗?我发现display: none
和visibility: hidden
会导致问题,但是让项目可见会启用Chrome自动填充下拉菜单。
任何信息将不胜感激!谢谢!