How to get multi select dropdown selected value in angular2

Question

Hi i have used Angular8 and bootstrap 4. I have used bootstrap multi-select dropdown, i need to get the selected dropdown values. How can i get those values.

DEMO

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>

Etienne-qwer · Accepted Answer · 2020-06-17 14:14:00Z

1

For me, it's simular to this question, try to use [(ngModel)] to bind a variable of your component (ts file) in your select tag to see what happens, and also use console.log() or debug mode to view the value of the variable binding to [(ngModel)] For example:

<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>

answered Jun 17, 2020 at 14:14

Etienne-qwer

365 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Etienne-qwer Over a year ago

Try to use ng-container for your *ngFor inside a select tag

<ng-container *ngFor="let field of user">                 <option [value]="field.email">{{field.userName}}</option> </ng-container>

<br> I succeeded in your Demo by the code above, you can learn this from Doc Official

Collectives™ on Stack Overflow

How to get multi select dropdown selected value in angular2

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related