有没有一种方法可以对加载的AJAX选择启用浏览器自动填充？

Question

我正在用React构建一个SPA（单页应用程序）。该应用程序的一部分具有一个包含两个选择输入的表格：一个用于填写国家，第二个用于州。用户将能够选择例如在第一个选择中选择美国，在第二个选择中选择乔治亚州。当国家/地区输入onChange事件被触发时，第二个列表将基于JSON文件动态更新。

当用户使用浏览器的自动填充功能并具有例如加拿大作为他们的国家/地区，第一个输入项符合预期，但是第二个则没有。我猜这是因为当浏览器填写表格时，状态列表尚未更新。这些时刻之间只有一小段时间。

是否有解决此问题的方法？

Answer 1

状态的隐藏输入。它将使用浏览器的自动填充功能保存该值，然后在第二个输入准备就绪时可以选择状态。

第二个输入更改时，您也应该更改隐藏的输入。