Отображать выбранные флажки визуально для пользователя в отдельном 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.