html5 datalist и input - как выбрать полное значение списка при нажатии вкладки

Question

Я пытаюсь использовать html5 datalist в моей программе (angularjs), потому что я хочу, чтобы у пользователя была возможность ввести опцию, которой нет в списке.

Однако, как я уже заметил, при использовании html5 Datalist вы теряете возможность выбора элемента в списке, просто написав часть текста и нажав Tab.Что происходит, элемент ввода сохраняет только то, что вы набрали, а не весь элемент в списке.

Есть ли способ заставить Datalist + Input выбрать элемент целом в списке, просто набрав его часть и нажав Tab?

Большое спасибо за вашу помощь и пока ...

Answer 1

Ну, я только что закончил использовать selectize.js в моем проекте.

Это плагин jquery, который может использовать ввод (html), чтобы позволить пользователю выбирать опцию из списка, но также позволяет пользователю вводить новую опцию (которая являетсянет в списке).Это именно то, что я хотел.

Существует отличный пост об использовании плагина в Medium:

Использование Selectize.js для улучшения ваших форм

Большое спасибо и пока...