Javascript 如何在更改选择选项时调用函数，选择选项作为该函数的参数

我想在选择值随角度中的参数变化时调用该函数

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

选择服务
{{service.serviceName}-{{item.categoryName}

---

我希望这些选择的选项价格和serviceName作为checkCategory函数的参数。有没有办法做这个

您可能无法传递代码中写入的这些值，因为

项m，k

不在范围内。相反，您可以将

$event

传递给处理程序函数，并使用

event.target.selectedOptions[0].parentElement

访问所选的optGroup元素。

您可以在函数中传递

$event

，并使用

event.target

获取ts文件中所需的数据。非常感谢。。它解决了我的问题。