如何在多选中添加自定义按钮？

Question

我正在使用Bootstrap的多选，我正在尝试添加按钮。 我想添加按钮，如下所示 image

<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”选项并将代码挂钩到相同的事件上。

或者你也可以自己设计一个无序列表。