是否可以为选择标签启用自动完成/自动填充？答案

【问题标题】：Is it possible to enable autocomplete/autofill for a select tag?是否可以为选择标签启用自动完成/自动填充？
【发布时间】：2018-10-30 13:22:26
【问题描述】：

在自动填写表格的浏览器中存储了特殊的个人信息。例如，如果有一个包含第一个、最后一个、城市和州的表单，并且用户在输入第一个然后最后一个时选择了自动填充，那么城市和州将自动填充。

但我认为这只适用于 HTML input 标签。有什么方法可以使这种自动填充对 HTML 选择标签起作用？换句话说，如果我将状态输入从input 标记更改为select 标记，有什么方法可以使自动填充工作？

【问题讨论】：

标签： html autocomplete html-select

【解决方案1】：

所以如果我理解正确，您希望在选择标签（下拉）上自动填充。我相信这必须通过 Javascript 来完成。 HTML & CSS 不会让你管理这种行为。

您可以尝试以下方法：

HTML：

<input id="someinput">
<br>
<select id="states">
    <option value="1">NY</option>
    <option value="2">California</option>
    <option value="3">Florida</option>
    <option value="4">Boston</option>
    <option value="5">Texas</option>
</select>

CSS：

#states{
    height:100%;
}

JS：

$(function () {
    var opts = $('#states option').map(function () {
        return [[this.value, $(this).text()]];
    });
    $('#someinput').keyup(function () {
        var rxp = new RegExp($('#someinput').val(), 'i');
        var optlist = $('#states').empty();
        opts.each(function () {
            if (rxp.test(this[1])) {
                optlist.append($('<option/>').attr('value', this[0]).text(this[1]));
            }
        });

    });

});

查看http://jsfiddle.net/cse_tushar/VeLKW/227/

【讨论】：