java - jspで相互に関連する動的選択ボックス

Question

部門とマネージャーのような 2 つのリストがあり、これら 2 つをリクエスト範囲に入れました。ここで、ユーザーが 1 つの部門を選択すると、対応するマネージャーがデフォルトで次の選択ボックスに表示されるように、選択ボックスに 2 つのリストを表示したいと考えています。マネージャーを変更したい場合は、他のマネージャーを選択して保存できます。

私のjspはこのようなものです。部門を持つ最初の選択ボックス。

<select id="dname" name="Name" onchange="autoPopulateModifydept();">
       <option value="">-Select</option>
       <c:forEach var="departmentList" items="${departmentList}">
           <option value='${departmentList.getDepartment()}@${departmentList.getId()}'>${departmentList.getDepartment()}</option>
       </c:forEach>
</select>

managerlist を持つ 2 番目の選択ボックス。

<select  id="deptHead" name="deptHead" onchange="autoPopulatedeptHead();">
       <option value="">-Select-</option>
            <c:forEach var="projectmanager" items="${projectManagerList}">
            <option value='${projectmanager.getProjectManagerName()}@${projectmanager.getPmId()}'>${projectmanager.getProjectManagerName()}</option>
            </c:forEach>
</select>

ここで、部門の getId とマネージャーの getPmId は同じです。それに基づいて、2 つの選択ボックスをリンクします。どうやってするか。