在单独的DIV中以可视方式向用户显示选定的复选框

Question

我有一个多选Dropdown，我希望DIV显示每个选定的checkbox（来自我的array），其显示如下所示

我正在使用Bootstrap 3，并且可以肯定我曾经见过这种用法，但是我可以终生使用，在任何地方找到它，甚至不知道如何创建设计都可以得到帮助。甚至无法想到我想要的东西的名字。

Answer 1

请参阅此代码。

您的下拉列表：

<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>

您的div：

<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>

CSS：

.show-selected {
  font-size:500
}

希望可以清除您的积压订单/ tfs / jira / git。