選択ボックスが変更されないようにする

Question

私は角度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> 

：現在、私はこれを持っています。どうすればこのような行動を取ることができますか？

Answer 1

ユーザーがすべてで選択した値を変更することはできませんが、あなたはあなたの関数の内部で再び最初のオプションを選択します。この行document.getElementById("dashboard").selectedIndex = 0;を置くことができる場合は、onchangeをキャストすることはできません。

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>