Можно ли включить автозаполнение / автозаполнение для выбранного тега?

Question

В браузере хранится специальная личная информация, которая автоматически заполняет формы.Например, если есть форма с именами first, last, city и state, и пользователь выбирает автозаполнение при вводе первого, затем последнего, город и штат автоматически заполняются.

Но я думаю, что это работает только для HTML input метки.Есть ли способ заставить эту автозаполнение работать для тегов выбора 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/