2015-04-02 35 views
3

我使用我的用戶表單中的選擇框。我也需要在編輯模式下更新表單。我可以在編輯模式下獲得選定的值。但是我無法在編輯模式下設置選定的值。如何在aui中設置所選值:選擇框

在這裏,我可以從數據庫中獲得選定的值。 <%=user.getTitle() %>現在如何在我的選擇框中設置選定的值。

<aui:select name="title"> 
    <aui:option label="Dr" value="dr" /> 
    <aui:option label="Mr" value="mr" /> 
    <aui:option label="Mrs" value="mrs" /> 
    <aui:option label="Ms" value="ms" /> 
</aui:select> 

例I ASET對於這樣的輸入字段中的選定值,

<aui:input name="emailAddress" value=""></aui:input> 

任何建議請!

+0

簡單地說,通過將保存的值與選項值進行比較,將aui:option tag的選定屬性設置爲true。 – 2015-04-02 19:50:56

回答

8

您可以設置選擇的值作爲:

硬編碼的選項:

<aui:select name="title"> 
    <aui:option label="Dr" value="dr" selected="<%=user.getTitle().equals("dr") %>" /> 
    <aui:option label="Mr" value="mr" selected="<%=user.getTitle().equals("mr") %>" /> 
    <aui:option label="Mrs" value="mrs" selected="<%=user.getTitle().equals("mrs") %>" /> 
    <aui:option label="Ms" value="ms" selected="<%=user.getTitle().equals("ms") %>" /> 
</aui:select> 

動態選項:

<aui:select name="title"> 
    <%for(int i = 0; i < listOfOptions.size(); i++){ 
     Object option = listOfOptions.get(i); 
     boolean selected = false; 
     if(user.getTitle().equals(option.getTitle())){ 
      selected = true; 
     } %> 
     <aui:option label=<%=option.getTitle() %> value="<%=option.getValue() %>" selected=<%=selected %> /> 
    <%} %> 
</aui:select> 
1

一個更清潔的方式做到這一點:

<aui:select name="title"> 
    <c:forEach items="${listOfOptions}" var="currOption"> 
    <option value="${currOption}"<c:if test="${currOption == title}"> selected="selected"</c:if>> 
     ${currOption} 
    </option> 
    </c:forEach> 
</aui:select> 
相關問題