在下拉列表中设置浏览器自动填充值 JavaScript angular

Question

我有一个包含名称、地址、国家和 state 的地址表，其中国家和 state 是下拉列表。

现在用户可以自动填写表单，但它不适用于下拉菜单。 有什么方法可以监听自动填充事件，然后获取完整的 object 浏览器自动填充值，然后手动设置下拉值？

我找不到与此相关的任何内容，有帮助吗？

Answer 1

通常浏览器自动填充 select、input 和 textarea 元素需要：

• 元素上的name和id属性
• 成为表单元素的子元素
• 表单需要一个提交按钮

您可以在此处找到所有这些要求

然后，您需要为 country 元素添加autocomplete="country"属性，为 state 元素添加autocomplete="address-level1"属性。

例子：

<form>
  <select id="country" name="country" autocomplete="country">
      <option>Choose your country</option>
  </select>
  <select id="state" name="state" autocomplete="address-level1">
      <option>Choose your state</option>
  </select>
  <button type="submit">Submit Form</button>
</form>