Javascript 如何在 angular 的下拉菜单中添加 onchange 事件？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/49715251/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
how to add onchange event on dropdown in angular ?
提问by user5711656
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 namesand show in drop down. Now I want to add on change eventon that dropdown .In other words I want to which bankuser select . Using that bankname I want to get state names
你能告诉我如何在 angular 的下拉列表中添加 onchange 事件吗？我做了一个简单的演示，最初我bank names在drop down. 现在我想添加on change event那个下拉列表。换句话说，我想bank选择哪个用户。使用 bank我想要的名字state names
here is my code https://stackblitz.com/edit/angular-batt5c
这是我的代码 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('');
}
回答by Nour
Use (change) event instead of (ngModelChange).
使用 (change) 事件代替 (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>
In typescript file:
在打字稿文件中：
onOptionsSelected(value:string){
console.log("the selected value is " + value);
}
回答by Klodian shaba
try this.
尝试这个。
<select class='select-option' [(ngModel)]="selected"
(change)='onOptionsSelected($event)'>
<option class='option' *ngFor='let option of dropDownData'
[value]="option.seo_val">{{option.text_val}}</option>
</select>
public onOptionsSelected(event) {
const value = event.target.value;
this.selected = value;
console.log(value);
}
