Getting selected value dropdown Angular 2

Question

struggling a bit to get selected value from drop down.

As it is at the moment a value of undefinedis returned.

How can i get this selected value(opl.Opl_Id) in Angular 2?

<form class="form-inline" novalidate>
    <select class="form-control" (change)="onChange(opl)">
          <option [selected] = "opl.OplDescription == selectedOpl"  *ngFor="let opl of existingOpls" [ngValue]="opl.Opl_Id">{{opl.OplDescription}}</option>
    </select

//component
 onChange(value) {
    console.log(value);
}

micronyks · Accepted Answer · 2016-12-03 13:56:37Z

2

Why do you call extra change event to just get the selected value??? Use [(ngModel)] to get updated value instead as shown below,

<select class="form-control" [(ngModel)]="selectedVal">              //<<<---here

      <option [attr.selected] = "opl.OplDescription == selectedOpl" //<<<---here
              *ngFor="let opl of existingOpls" 
              [ngValue]="opl.Opl_Id">
              {{opl.OplDescription}}
      </option>

</select>

{{selectedVal}}

answered Dec 3, 2016 at 13:56

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

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

Comments

Dheeraj Kumar · Accepted Answer · 2018-02-08 14:31:27Z

1

I found this easier.. Hope it helps future developers.

 <select class="form-control" id="select" (change)="Selected($event.target.value)">
        <option *ngFor="let item of items" [value]="item.id">{{item.value}}</option>
    </select>


    Selected(value: any) {

            console.log(value);

               }

answered Feb 8, 2018 at 14:31

Dheeraj Kumar

4,2559 gold badges51 silver badges83 bronze badges

Collectives™ on Stack Overflow

Getting selected value dropdown Angular 2

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related