多选下拉菜单

Question

我正在使用角度反应形式，我需要一个选项来从下拉列表中选择多个选项。我正在使用多个属性来实现这一目标。以下是我正在使用的代码。

<select name="interface" multiple id="interface" class="form form-control"  formControlName="interface_name" id="interface_name" (change)="flood()">
          <option value=""><----select an interface-----></option>
          <option value="TP">TP</option>
          <option value="APOS">APOS</option>
          <option value="WS">WS</option>
          <option value="SHOPOS">SHOPOS</option>
          <option value="HHT">HHT</option>
          <option value="ESL">ESL</option>

</select>

我得到的结果在这里：

我想要的结果在这里。请帮助我如何实现这一目标。

Answer 1

如果您正在使用引导程序，则可以使用多选引导程序插件。这是很好的解释。 http://davidstutz.de/bootstrap-multiselect/