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

Question

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

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

有没有一种方法可以解决此问题？

Answer 1

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

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