2013-03-19 21 views
0

我有兩個像部門和經理名單,我把這兩個在請求範圍。 現在我想在選擇框中顯示兩個列表,這樣當用戶選擇一個部門時,對應的管理者應該作爲默認進入下一個選擇框。如果我想改變經理我可以選擇任何其他和保存。動態選擇框相關的jsp中的另一個

我的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的第二個選擇框。

<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在department中和getPmId在manager中是一樣的。 基於此我想鏈接兩個選擇框。 如何做到這一點。

+0

更多詳情:是部門對象庫存的每個部門的經理嗎?或者您是否需要服務器電話來獲取選定部門的經理? – 2013-03-19 13:28:53

+0

部門和經理列表有一個共同的屬性ID。基於這種比較應該發生。 – cherry 2013-03-20 07:41:52

+0

用戶選擇一個部門。這意味着一個相應的ID將被選中。基於該經理應該出現在經理選擇框中,該經理選擇框與經理ID相匹配。 – cherry 2013-03-20 07:44:25

回答

0

這可以使用JavaScript完成,請參閱下面的示例示例。在改變第一列表選擇時調用該方法,並將第一列表的選定值與第二列表進行比較,並且使用匹配的第一列表Id值來選擇第二列表。

function changeMangerId(){ 
var emplId =document.getElementById("firstList").value; 
<c:forEach var="paramObj" 
    items="${managerList}] 
var managerIdId= '<c:out value="${Id}"/>'; 
      if(emplId)!= null && (emplId)!= '' && trim(emplId)=== trimm(anagerIdId) { 
       $("#SecondListId option[value='"+ managerIdId +"']").attr("selected", "selected"); 
      } 
</c:forEach> 
} 
相關問題