Как я могу сделать множественный выбор не в HTML.Это должно быть в хорошем интерфейсе

Question

Я очень новичок в кодировании и
Я пытаюсь сделать хорошо выглядящий выпадающий список множественного выбора.

<select multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Answer 1

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

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" >
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>

<script>
$('.ui.fluid.dropdown')
.dropdown({
maxSelections: 5
}) 
</script>

 <select  class="ui fluid dropdown">
            <option value="">Skills</option>
 </select>

Для лучшего понимания, пожалуйста, пройдите по этому примеру. Мультиселект Bootstrap не работает, когда я связываю данные из ответа в Angularjs

Если вы хотитев Bootstrap4, пожалуйста, ознакомьтесь с этим Раскрывающийся список Bootstrap 4 множественный выбор