2015-04-02 257 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> 
相关问题