使用地址自动填充时如何自动 select 选项列表中的状态

Question

我在 HTML 中制作了一个表格，Chrome 中的自动填充功能成功地填写了街道地址、城市和邮编。如果我将 "state" 输入保留为 type="text"，那么它也会成功自动填充。但是，如果我使用 select/option 下拉列表，则它不会自动填充。

对于选项，我尝试使用州缩写作为值，例如：

<label>
    <select>
        <option value="AL">Alabama</option>
        <option value="AK">Alaska</option>
    <select>
    State
</label>

我尝试使用州名称作为值：

<option value="Alabama">Alabama</option>
<option value="Alaska">Alaska</option>

而且没有一个有效。

有没有办法让GoogleChrome的自动填充在自动填充地址时自动select下拉列表中的状态？

备注：

• 我有兴趣让它为任何其他人工作 browsers/extensions 为用户自动填充地址，但我只 在 Chrome.
中测试
• a javascript 解决方案是可以接受的，但这不是我想要的。但是，没有 jquery.

Answer 1

尴尬的是，在我发布这个问题 10 秒后，我意识到我没有在 select 上设置 name。

所以，我将其更改为：

<select name="state">
    <option ...>
<select>

现在可以使用了，无论是使用缩写还是完整的州名称

Answer 2

<select autocomplete="state">

也可以