表单提交后如何在下拉框中保留选定的值?

3 html javascript java jsp drop-down-menu

在我找到的许多解决方案中,我似乎无法让它们中的任何一个为我工作。我的jsp文件中有一个下拉列表:

    <select name="chosenOne" onchange="javascript:getUsers(this.value);">  
            <option value="0" onclick="javascript:getUsers(this.value);">All Modules</option>
            <c:forEach items="${modules}" var="module"> 
                <option value="${module.id}"><c:out value="${module.title}"/></option>  
            </c:forEach>  
        </select></p> 
Run Code Online (Sandbox Code Playgroud)

它从我的数据库动态填充,除了“所有模块”选项。这是我的 onchange 事件的 javascript 函数:

       <script type="text/javascript">
        function getUsers(id) { 
            if (id != "0"){
            document.updateForm.id.value = id;
            }
            else{
            document.updateForm.id.value = "0";
            }
            document.updateForm.submit(); 
        }</script>
Run Code Online (Sandbox Code Playgroud)

这是我的 servlet 代码,用于处理下拉框等:

        protected void process(final HttpServletRequest request, final HttpServletResponse response)
        throws ServletException, IOException {

    long modID = 0;
    String url = "jsp/user/administration.jsp";
    request.setAttribute("modules", dataAccessor.getAllModules());

    if (isParameterValid(request.getParameter("id"))) {
        modID = Long.parseLong(request.getParameter("id"));
        request.setAttribute("users", getUsersFromModule(modID));
        System.out.println(modID);

    } else if (!isParameterValid(request.getParameter("id"))) {
        request.setAttribute("users", dataAccessor.getAllUsers());

    } else {
        request.setAttribute("errorMessage", "There was a problem retrieving users!");
        url = "jsp/error.jsp";
    }

    //request.setAttribute("formerSelect", modID);
    request.getRequestDispatcher(url).forward(request, response);
}
Run Code Online (Sandbox Code Playgroud)

那么如何在表单刷新后让选中的下拉值保留在下拉框中呢?我已经设置了一个属性“formerSelect”,它只包含下拉列表中先前选择的项目的值。但是由于某种原因,当我尝试将它分配给我的选项标签中的“选定”值时,它使我的下拉菜单变得无用。任何帮助深表感谢。

Pia*_*nov 5

提交后需要将此参数传递给httpRequest:

request.setAttribute("selectedModule", request.getParameter("chosenOne"));
Run Code Online (Sandbox Code Playgroud)

之后,您需要将一个选项标记为选中:

<c:forEach items="${modules}" var="module"> 
     <option value="${module.id}" ${module.id == selectedModule ? 'selected':''}>...</option>  
</c:forEach> 
Run Code Online (Sandbox Code Playgroud)

  • 它必须工作。我做了一个简单的例子,你可以在这里下载:https://www.dropbox.com/s/o6d2xeidz2xyhbr/select_pass_param.zip?dl=0 (2认同)