@KVladimirA
Начинающий HTML верстальщик

Необходимо чтобы при клике на элемент массива в выпадающем окне этот элемент помещался в поле input и выпадающее окно сворачивалось?

HTML код:

<input type='search' id='search' placeholder="Текст" autocomplete='off'>
                <div id='result'></div>


Код выполняется при вводе в input буквы к примеру "a" выпадает окно и список . Вопрос в том, как сделать, чтобы при клике на любой из элементов в выпавшем списке , элемент помещался в поле input , а всплывающее окно исчезало?
JS код:
var arr = ['a','add','audio','remove','adds','classlist','lol','sap','sanek','left','width']
document.getElementById('search').onkeyup = function() {
    document.getElementById('result').innerHTML ='';
        var s_1 = this.value.length;
        if(s_1>0){
            for(var i=0; i<arr.length; i++) {
                var s_2 = arr[i].split('').slice(0,s_1).join('');
                if(s_2==this.value) {
                    document.getElementById('result').innerHTML+='<div class="list">'+arr[i]+'</div>';
                }
            }
        }
    };
  • Вопрос задан
  • 170 просмотров
Решения вопроса 1
@FKV
Пример на jquery. Надо это вставить в вашу функцию.
$('.result .list').on('click', function(){
          var data = ($(this).text());
          $('#search').val(data);
        });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы