Получение выбранного значения раскрывающегося списка Угловой 2

Question

немного борется, чтобы получить выбранное значение из раскрывающегося списка.

Как и в настоящий момент, возвращается значение undefined.

Как я могу получить это выбранное значение (opl.Opl_Id) в 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); 
} 

Answer 1

Почему вы называете дополнительное событие изменения только получить выбранное значение ??? Используйте [(ngModel)], чтобы получить обновленное значение вместо, как показано ниже,

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

Answer 2

Я нашел это проще .. Надеюсь, что это помогает будущим разработчикам.

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

       }