The (change) $event isn't working , maybe syntax problem

Question

I'm trying to catch any changes in the select tag and activate a function if an option is selected.

html code:

<select [(ngModel)]="newProcurement.supplierNumber">
  <option (change)="findSupplierByNumber($event)"  *ngFor="let supplier of 
  allSuppliers" value="{{supplier.suplierName}}">{{supplier.suplierName}} 
  </option>

</select>

I'm trying to select a supplier and activate this function:

 findSupplierByNumber(ev){
 debugger;
 console.log(ev.target.value)
 }

function hasn't been activated for some reason , any suggestions ?

The `option` doesn't `change`, the `select` does. See the above question for the various choices you have for implementation. — Will Alexander, Aug 11 '19 at 14:02

score 2 · Accepted Answer · answered Aug 11 '19 at 15:36

Try binding the change event to the select instead of all the options. The change event is fired on the <select> element whenever an altercation of the value is committed by the user.Change your code to something like this:

 <select [(ngModel)]="newProcurement.supplierNumber" (change)="findSupplierByNumber($event)">
      <option *ngFor="let supplier of 
      allSuppliers" value="{{supplier.suplierName}}">{{supplier.suplierName}} 
      </option>
    </select>

The (change) $event isn't working , maybe syntax problem

1 Answers1