Мне пришла в голову новая идея. Кто-то, возможно, реализовал это. Я пытаюсь найти способ добавить текстовое поле в выпадающий список.

Означает, что я хочу добавить поле ввода в раскрывающемся списке. Например :

<select id='country'>
  <option value='USA'>USA</option>
  <option value='UK'>UK</option>
  <option value='Russia'>Russia</option>
  <option><input type='text' /></option> // Here I want to add dynamic country 
                                            using ajax but I am able to render
                                            this dropdown.
</select>

У кого-нибудь есть идеи как это выполнить? Я не хочу использовать какие-либо модальные поля или поля ввода за пределами этого раскрывающегося списка. Я просто хочу добавить значение в раскрывающемся списке и нажмите клавишу ввода, чтобы добавить в БД. Я не беспокоюсь о коде на стороне сервера. Я хочу быть в состоянии сделать только выпадающий список.

Заранее спасибо.