防止选择框改变

卡住溢出24

我正在处理一个 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>

在选择框中，即使申请人选择申请人或报告，我也希望始终选择“创建”选项。我该如何做这种行为？

乔尔杰·武吉契奇

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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。