防止选择框改变答案

【问题标题】：Prevent select box from changing防止选择框改变
【发布时间】：2017-07-18 14:22:48
【问题描述】：

我正在开发一个 Angular 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>

在选择框中，我希望始终选择“创建”选项，即使申请人选择申请人或报告也是如此。我该怎么做？

【问题讨论】：

只是一个小提示，Angular 2 和 AngularJS 是两个不同的东西，不要将它们混合使用 Angular JS 2。尝试更改标签以获得更好的答案！
啊是的。我没有意识到 angularjs 标签适用于 AngularJS。

标签： html angular

【解决方案1】：

如果用户根本无法更改选定的值，则不能转换 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>

【讨论】：