防止选择框更改

我正在处理角度js 2项目，我需要创建一个下拉列表（有点像链接），其中如果选择一个选项，它将触发onchange事件并重定向用户。目前，我有这样的：防止选择框更改

<select id = "dashboard" onchange="goToPage()" class="form-control"> 
    <option value="" selected disabled>{{ 'Create' | translate }}</option> 
    <option value="Applicant" >{{ "dashboard.applicant" | translate}}</option> 
    <option value="Reports">{{ "dashboard.report" | translate}}</option> 
</select>

在选择框中我想即使申请人选择申请或报告总是被选择“创建”选项。我怎样才能做到这一点？

来源

2017-07-18 stuckoverflow24

只是一个快速的提示，Angular 2和AngularJS是两个不同的东西，不要通过使用Angular JS 2来混合它们。尝试更改标签以获得更好的答案！ – Max

啊是的。我没有意识到angularjs标签是用于AngularJS的。 – stuckoverflow24

你不能投onchange如果用户不能更改选择价值可言，但你可以把你的函数这一行document.getElementById("dashboard").selectedIndex = 0;这将再次选择第一个选项里面：

function goToPage(){ 
 
document.getElementById("dashboard").selectedIndex = 0; 
 
}

<select id = "dashboard" onchange="goToPage()" class="form-control"> 
 
    <option value="" selected disabled>{{ 'Create' | translate }}</option> 
 
    <option value="Applicant" >{{ "dashboard.applicant" | translate}}</option> 
 
    <option value="Reports" >{{ "dashboard.report" | translate}}</option> 
 
</select>

来源

2017-07-18 14:49:12

防止选择框更改

回答

相关问题