Добрый день.
Собственно, есть ли возможность скрывать некоторые option в datalist? Так, чтобы эти варианты не предлагались по мере набора.
Почему не устраивает стандартное поведение:
<input type="text" list="data-list">
<datalist id="data-list">
<option value="abcdef">
<option value="defabc">
<option value="qwerty">
</datalist>
Если я введу в поле abc, то мне будет предложено как abcdef, так и defabc. Мне же нужно, чтобы предлагались варианты только начинающиеся с того, что ввёл пользователь. грубо говоря, отвечающие регулярному выражению new RegExp('^' + inputValue + '.*', 'i')
Делаю на Vue, но в данном случае это не имеет значения.
Что я делаю сейчас?
Сейчас я пробегаюсь в цикле по всем возможным вариантам, проверяю каждый на соответствие, исходя из этого формирую новый набор options, и потом динамически подсовываю его в datalist.
Мне такое не очень нравится. Фактически, на каждый ввод я формирую новый массив и перерисовываю полностью всё содержимое datalist.
Есть ли возможность изначально добавить в datalist все возможные варианты, а по мере набора просто скрывать некоторые из них?
Спасибо.
Простой
