如何在angular的下拉列表上添加onchange事件? [英] how to add onchange event on dropdown in angular ?

问题描述

能否请您告诉我如何在angular的下拉列表中添加onchange事件?我做了一个简单的演示，最初我在其中获取bank names并在drop down中显示.现在我想在该下拉菜单上添加on change event，换句话说，我要选择哪个bank用户.我要使用该bank名称获取state names

could you please tell me how to add onchange event on dropdown in angular ? I made a simple demo in which initially I fetch bank names and show in drop down . Now I want to add on change event on that dropdown .In other words I want to which bank user select . Using that bank name I want to get state names

这是我的代码 https://stackblitz.com/edit/angular-batt5c

<select class='select-option' 
        (ngModelChange)='onOptionsSelected($event)'>
    <option class='option' 
    *ngFor='let option of dropDownData' 
    [value]="option.seo_val">{{option.text_val}}</option>
</select>

onOptionsSelected(){
  console.log('===');
  // send selected value
  this.seletedValue.emit('');
}

推荐答案

使用(change)事件而不是(ngModelChange).

Use (change) event instead of (ngModelChange).

<select class='select-option'
    #mySelect
    (change)='onOptionsSelected(mySelect.value)'>
   <option class='option' 
   *ngFor='let option of dropDownData' 
   [value]="option.seo_val">{{option.text_val}}</option>
</select>

在打字稿文件中:

onOptionsSelected(value:string){
     console.log("the selected value is " + value);
}

这篇关于如何在angular的下拉列表上添加onchange事件?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！