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

Question

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

但我认为这仅适用于 HTMLinput标签。有没有办法让这种自动填充适用于 HTML 选择标签？换句话说，如果我将状态输入从input标签更改为select标签，有没有办法使自动填充工作？

Answer 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/