Jquery 在单独的div中直观地向用户显示所选复选框

Jquery 在单独的div中直观地向用户显示所选复选框,jquery,html,jquery-ui,twitter-bootstrap-3,Jquery,Html,Jquery Ui,Twitter Bootstrap 3,我有一个多选下拉列表,我想要一个div来显示我的数组中每个选中的复选框,如下所示 我使用的是Bootstrap3,我确信我以前见过它被使用,但我在任何地方都找不到它,甚至不知道如何创建设计。我甚至想不起我想要的东西的名字。请查看此代码 您的下拉列表: <select class="custom-select" multiple> <option selected>Open this select menu</option> <option sel

我有一个多选下拉列表,我想要一个div来显示我的数组中每个选中的复选框,如下所示

我使用的是Bootstrap3,我确信我以前见过它被使用,但我在任何地方都找不到它,甚至不知道如何创建设计。我甚至想不起我想要的东西的名字。

请查看此代码

您的下拉列表:

<select class="custom-select" multiple>
  <option selected>Open this select menu</option>
  <option selected value="Option 1">Option 1</option>
  <option selected value="Option 2">Option 2</option>
  <option value="Option 3">Option 3</option>
  <option selected value="Option 4">Option 4</option>
</select>

这将有希望清除您的积压工作/tfs/jira/git。首先,这个问题太宽泛了。其次,当应用于:@rorymcrossan Yes时,checkout Select2是的,它很宽,因为我无法删除命名它的给定项。记住控件的名称不会使它变得更宽。顺便说一下,这是一个“标签井”。
<div style="border-style: solid;">
  <div class="show-selected">Option 1</div>
  <div class="show-selected">Option 2</div>
  <div class="show-selected">Option 4</div>
</div>
.show-selected {
  font-size:500
}