在更改时获得<select>的值

Question

我有以下代码： component.html： ＆lt; select id =＆＃34; select＆＃34; （变化）=＆＃34; selectInputUpdate（THIS.VALUE）＆＃34;＆GT;       ＆lt; option * ngFor =＆＃34; let filterOptions＆＃34; value =＆＃34; {{option .Id}}＆＃34;类=＆＃34;选择选项＆＃34;＆GT;＆LT; /选项＆GT; ＆LT; /选择＆GT; component.ts： selectInputUpdate（newVal：number）{         this.selectVal = newVal;     } 我可以让（更改）事件触发罚款，但我似乎无法传递选择的值。我可以通过选择ID来获取jquery或vanilla JS的值，但我似乎无法更优雅地在线进行。

Answer 1

<select id="select" (change)="selectInputUpdate($event.target.value)">
      <option *ngFor="let option of filteredOptions" value="{{option .Id}}" class="select-option"></option>
</select>

或

<select id="select" [(ngModel)]="selectedInput">
      <option *ngFor="let option of filteredOptions" [ngValue]="option" class="select-option"></option>
</select>