Можно ли сделать редактируемое выпадающее меню, используя собственный JavaScript или jQuery? - PullRequest
Новая
       8

Можно ли сделать редактируемое выпадающее меню, используя собственный JavaScript или jQuery?

0 голосов
/ 23 ноября 2018

У меня есть элемент <select> в HTML.Я хочу, чтобы пользователи могли добавлять опции к элементу.

Я предполагаю, что он работает следующим образом: 

    <select>
     <option>Option 1</option>
     <option>Option 2</option>
     <option>Option 3</option>
     <option onclick='addNew()'>Click to add new option</option>
    </select>

Последняя опция в списке говорит: «Нажмитедобавить опцию ".Всякий раз, когда по ней щелкают, функция преобразует элемент <select> во что-то, что позволяет свободно вводить текст.

Пример опыта пользователя:

enter image description here

Пример функции: 

function addNew() {
   //Step 1, change select to allow free text entry
   //Step 2, After text entry, change select back to regular select element and append the new option to the list
}//end addNew

Мой вопрос (ы):

Как вы можете видеть в приведенном выше коде, часть, с которой я застрял, - это функция addNew.Я искал в Интернете, но не могу найти способ «изменить» элемент select, чтобы разрешить произвольный ввод текста, а затем добавить значение текста к элементу select в качестве опции.

Возможно ли это даже с использованием нативного JavaScript или jQuery?

...