Datalist с ключом ввода - PullRequest
Новая
       5

Datalist с ключом ввода

0 голосов
/ 22 января 2019

Я создал Datalist.На даталисте нет ошибки.Это работает хорошо, но когда что-то вводится во ввод, я хочу, чтобы он выбрал самое близкое значение.Например, 

<input type="text" list="ilceList" id="standardInput"">
<datalist id="ilceList">
    <option>Adalar</option>
    <option>Bahçelievler</option>
    <option>Bakırköy</option>
    <option>Beşiktaş</option>
    <option>Kadıköy</option>
</datalist>

Это мой специалист по данным.Когда я вошел в б, я заставляю его показывать бахчелиевлер и бакиркой в ​​порядке.Я хочу выбрать первое значение, когда нажимаю клавишу ввода

Как я могу это сделать?

1 Ответ

0 голосов
/ 22 января 2019

Вот мое решение. Вы можете сослаться на это. Надеюсь на помощь, дружище :)) 

$(function() {
       $('input').keyup(function(event) {
       if(event.keyCode == 13){
            event.preventDefault();
            if($(this).val() != ''){
                filter(this); 
                }           
            }    
        });

       function filter(element) {
            var value = $(element).val();
            $("#ilceList > option").each(function () {
                let option = $(this).text();
                if (option.toLowerCase().indexOf(value.toLowerCase()) > -1) {            
                    $('#standardInput').val(option);
                    return false;
                } 
            });
        };
    });

http://jsfiddle.net/bLx9n7fg/

...