如何在 angular2 中获取多 select 下拉列表 selected 值

Question

您好，我使用过 Angular8 和 bootstrap 4。我使用了 bootstrap 多 select 下拉菜单，我需要获取 selected 下拉菜单值。我怎样才能得到这些值。

TS:

 setTimeout(() => {
      $('#multiselectFileName').multiselect({
        buttonWidth: '400px'
      });
      $('#multiselectUser').multiselect({
        buttonWidth: '400px'
      });
    },100)

HTML:

<div class="form-group">
          <label for="">Select User</label>
          <select name="user" id="multiselectUser" multiple="multiple" (change)="selecteduser($event)">
              <option *ngFor="let field of user" [value]="field.id" >
                  {{field.userName}}</option>
          </select>
      </div>

Answer 1

对我来说，它类似于这个question，尝试使用[(ngModel)]在你的select标签中绑定你的组件（ts文件）的一个变量，看看会发生什么，并使用 console.log() 或调试模式查看变量绑定到 [(ngModel)] 的值例如：

<select [(ngModel)]="selectedUsers" name="user" id="multiselectUser" multiple="multiple" (change)="selecteduser($event)">
              <option *ngFor="let field of user" [value]="field.id" >
                  {{field.userName}}</option>
          </select>

如何在 angular2 中获取多 select 下拉列表 selected 值

How to get multi select dropdown selected value in angular2

angular

bootstrap-multiselect