时间戳

首页 > 解决方案 > 如何在angular2中获取多选下拉选定值

angular - 如何在angular2中获取多选下拉选定值

问题描述

嗨，我用过 Angular8 和 bootstrap 4。我用过 bootstrap 多选下拉菜单，我需要获取选定的下拉菜单值。我怎样才能得到这些值。

演示

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>

标签： angularbootstrap-multiselect

解决方案

对我来说，这个问题很相似，尝试使用 [(ngModel)] 在你的选择标签中绑定你的组件（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>

推荐阅读