Question

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

但我认为这仅适用于HTML input标记。有没有办法让HTML select标签自动填充？换句话说，如果我将状态输入从input标记更改为select标记，是否有任何方法可以使自动填充工作？

Answer 1

因此，如果我理解正确，您需要在选择标记上自动填充（下拉列表）。这必须通过Javascript来完成我相信。 HTML＆amp; 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/

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

1 个答案: