[英]how to add onchange event on dropdown in angular ?
could you please tell me how to add onchange event on dropdown in angular ?你能告诉我如何在 angular 的下拉列表中添加 onchange 事件吗? I made a simple demo in which initially I fetch
bank names
and show in drop down
.我做了一个简单的演示,最初我获取
bank names
并在drop down
显示。 Now I want to add on change event
on that dropdown .In other words I want to which bank
user select .现在我想在那个下拉菜单上添加
on change event
。换句话说,我想选择哪个bank
用户。 Using that bank
name I want to get state names
使用该
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('');
}
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);
}
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);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.