Как добавить настраиваемую кнопку в мульти-выбор?

Question

Я использую мультиселектор Bootstrap и пытаюсь добавить кнопку. я хочу добавить кнопку, как показано на рисунке ниже

<select  multiple="multiple" class="form-control ">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option><button>ADD new</button></option>
</select>

Answer 1

Вы можете попробовать этот простой HTML-код:

<select  multiple="multiple" class="form-control ">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option><input type="button" value="Add New"/></option>
</select>

Это создаст новую кнопку внутри опции.

Answer 2

Вы не можете поместить кнопки в выбранный элемент. Плагин jQuery Bootstrap Select помещает две кнопки (выбрать / отменить выбор всех) внутри меню, потому что он в основном заменяет его неупорядоченным списком в стиле выпадающего списка. Вы можете взглянуть на него ( https://github.com/silviomoreto/bootstrap-select) и узнать, как он управляет опцией "actionsBox" и подключает ваш код к тем же событиям.

В качестве альтернативы вы можете пойти своим путем, самостоятельно составив неупорядоченный список.