如何在 aui:select 框中设置所选值

Question

我的用户表单中有一个带有 select 框的表单。我还需要在编辑模式下更新表单。我能够在编辑模式下获得 selected 值。但是我无法在编辑模式下设置 selected 值。

在这里，我可以从数据库中获取 selected 值。 <%=user.getTitle() %> 现在如何在我的 select 框中设置 selected 值。

<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>

示例，我像这样为输入字段设置 selected 值，

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

有什么建议吗！！

Answer 1

您可以将所选值设置为：

硬编码选项：

<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>

Answer 2

更简洁的方法：

<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>

Answer 3

你可以使用三元运算符

    <c:forEach var="currOption" items="${listOfOptions}">
        <aui:option value="${currOption}" label="${currOption}" selected="${currOption==selOption?true:false}" />
    </c:forEach>

如何在 aui:select 框中设置所选值

How to set the selected value in aui:select box

liferay

liferay-6

liferay-theme

alloy-ui

liferay-aui