【问题标题】:Selected Tag dissapears after form validation and submition in JSP在 JSP 中表单验证和提交后,选定的标记消失
【发布时间】:2019-06-07 10:59:55
【问题描述】:

我是 Spring 的初学者,我正在尝试解决我的应用程序中的一些小问题。我有一个表格来编辑用户个人资料。在此表单中,我有一个下拉列表,管理员用户可以在其中为正在编辑的用户选择用户角色。当我要编辑用户页面时,表单中的所有数据都是从数据库中填充的。假设我在表单中有两个输入:input 带有 lastNameselect 带有 用户角色。 select 元素包含数据库中存在的所有角色,但所选角色与用户实际分配的角色匹配。

这是我的表单的一部分 - 输入姓氏

<spring:bind path="lastName">
    <div class="form-group">
        <label for="lastName">Last name</label>
        <form:input path="lastName" type="text" class="form-control ${status.error ? 'border border-danger' : ''}" id="lastName" />
        <form:errors path="lastName" cssStyle="color: #ff0000;"/>
    </div>
</spring:bind>

这是一个选择元素:


<form:select path="roles" id="role" multiple="false">
    <form:options items="${allRoles}" itemValue="id" itemLabel="role"/>
</form:select>

现在,当我想编辑姓氏时,例如。保留空白字段,然后 spring 验证该字段并引发错误。问题是之前在select 元素中选择的角色现在被取消选择了。

这是验证前的页面 HTML:

输入:

<div class="form-group  ">
        <label for="email" class="active">Email</label>
        <input id="email" name="email" type="email" class="form-control" value="ola@test.com">
</div>

选择:

<select id="role" name="roles"">
<option value="1">ADMIN</option>
<option value="2">USER</option>
<option value="3">STUDENT</option>
<option value="4" selected="selected">LECTURER</option>
</select>

一旦清除了姓氏字段并提交了表单: 输入:

<div class="form-group">
        <label for="lastName" class="">Last name</label>
        <input id="lastName" name="lastName" type="text" class="form-control border border-danger" value="">
        <span id="lastName.errors" style="color: #ff0000;">This field is required.</span>
</div>

选择:

<div class="form-group">
<label for="role">Role Id</label>
<select id="role" name="roles">
<option value="1">ADMIN</option>
<option value="2">USER</option>
<option value="3">STUDENT</option>
<option value="4">LECTURER</option>
</select>
</div>

如您所见,selected= "selected" 属性已从选项 4 中消失。如何防止这种情况发生?顺便提一句。我知道这个Spring MVC selected value in form:selected after form validation error

但这似乎不适用于我的情况。

【问题讨论】:

    标签: java html spring jsp jstl


    【解决方案1】:

    我在存档页面here找到了一些提示

    现在选择的属性不会从选项标签中删除。我不确定这是否是解决这个问题的好方法,但它对我有用..

    修改后的选择:

    <form:form method="post" modelAttribute="editForm">
            <c:forEach items="${editForm.roles}" var="role">
                <c:set var="userRoleId" value="${role.id}" scope="request"/>
            </c:forEach>
    
            <form:select path="roles" id="role" multiple="false">
                <c:forEach var="tempRole" items="${allRoles}">
                    <option value="${tempRole.id}" <c:if test="${tempRole.id == userRoleId}">selected="selected"</c:if> value="${tempRole.id}">${tempRole.role}</option>
                </c:forEach>
            </form:select>
    </form:form>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-09-21
      • 1970-01-01
      • 1970-01-01
      • 2020-08-27
      相关资源
      最近更新 更多