如何使用select选项作为该函数的参数调用select选项更改时的函数

Question

当角度值中的参数选择值更改时，我想调用函数

<div class="col-sm-6 col-md-4">
  <label class="mobileNumberLabel " for="mobilrNumber">Select Service</label>
  <div class="nice-wrap">
     <select (change)="checkCategory(item.price,item.serviceName,m,k,'add');" class="js-example-basic-single nice-textbox" >
       <optgroup *ngFor="let item of serviceObject;let k = index" label='{{item.categoryName}}'>
          <option *ngFor="let service of item.services;let m = index">
            {{service.serviceName}} -&nbsp;&nbsp;{{item.categoryName}}
          </option>
       </optgroup>
     </select>
   </div>
</div>

我希望那些选择的价格和serviceName作为checkCategory函数的参数。有什么办法可以做到这一点。 ？

Answer 1

由于item, m, k不在范围内，因此您可能无法传递代码中编写的这些值。相反，您可以将$event传递给处理函数，并使用event.target.selectedOptions[0].parentElement访问选定的optGroup元素。