使用JSTL为JSP下拉选择的值

问题描述 投票:24回答:7

我在Servlet中有SortedMap来填充JSP中的下拉值,我有以下代码

    SortedMap<String, String> dept = findDepartment();
    request.setAttribute("dept ", dept);

在JSP中

       <select name="department">
          <c:forEach var="item" items="${dept}">
            <option value="${item.key}">${item.value}</option>
          </c:forEach>
        </select>

我正在使用一个JSP页面进行插入和更新。当我在编辑页面时,如何设置所选值以下拉选择值来自数据库的位置。

jsp drop-down-menu jstl retain
7个回答
40
投票

在HTML中,所选选项由selected元素上<option>属性的存在表示,如下所示:

<option ... selected>...</option>

或者,如果你是HTML / XHTML严格:

<option ... selected="selected">...</option>

因此,您只需要让JSP / EL有条件地打印它。前提是您已按如下方式准备所选部门:

request.setAttribute("selectedDept", selectedDept);

那应该这样做:

<select name="department">
    <c:forEach var="item" items="${dept}">
        <option value="${item.key}" ${item.key == selectedDept ? 'selected="selected"' : ''}>${item.value}</option>
    </c:forEach>
</select>

See also:


3
投票

我尝试了Sandeep Kumar的最后一个答案,我觉得更简单:

<option value="1" <c:if test="${item.key == 1}"> selected </c:if>>

2
投票

如果您不介意使用jQuery,可以使用下面的代码:

    <script>
     $(document).ready(function(){
           $("#department").val("${requestScope.selectedDepartment}").attr('selected', 'selected');
     });
     </script>


    <select id="department" name="department">
      <c:forEach var="item" items="${dept}">
        <option value="${item.key}">${item.value}</option>
      </c:forEach>
    </select>

在您的Servlet中添加以下内容:

        request.setAttribute("selectedDepartment", YOUR_SELECTED_DEPARTMENT );

2
投票

我认为上面的例子是正确的。但你真的不需要设置

request.setAttribute("selectedDept", selectedDept);

您可以从JSTL重用该信息,只需执行此类操作即可。

<!DOCTYPE html>
<html lang="en">
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<head>
    <script src="../js/jquery-1.8.1.min.js"></script>
</head>
<body>
    <c:set var="authors" value="aaa,bbb,ccc,ddd,eee,fff,ggg" scope="application" />
    <c:out value="Before : ${param.Author}"/>
    <form action="TestSelect.action">
        <label>Author
            <select id="Author" name="Author">
                <c:forEach items="${fn:split(authors, ',')}" var="author">
                    <option value="${author}" ${author == param.Author ? 'selected' : ''}>${author}</option>
                </c:forEach>
            </select>
        </label>
        <button type="submit" value="submit" name="Submit"></button>
        <Br>
        <c:out value="After :   ${param.Author}"/>
    </form>
</body>
</html>

1
投票

我尝试了接受的答案,但没有用。

然而,简单的方法如下: -

<option value="1" <c:if test="${item.quantity == 1}"> <c:out value= "selected=selected"/</c:if>>1</option>
<option value="2" <c:if test="${item.quantity == 2}"> <c:out value= "selected=selected"/</c:if>>2</option>
<option value="3" <c:if test="${item.quantity == 3}"> <c:out value= "selected=selected"/</c:if>>3</option>

请享用!!


1
投票

您可以尝试一个更简单的方法:

<option value="1" ${item.quantity == 1 ? "selected" : ""}>1</option>

1
投票

也许我不完全理解接受的答案,所以它对我不起作用。

我所做的只是检查变量是否为null,将其分配给我的数据库中的已知值。这似乎类似于您首先声明已知值并将其设置为已选择的已接受答案

<select name="department">
    <c:forEach var="item" items="${dept}">
        <option value="${item.key}">${item.value}</option>
    </c:forEach>
</select>

因为没有选择任何选项,因此item = null

<%
    if(item == null){
        item = "selectedDept"; //known value from your database
    }
%>

这样,如果用户然后选择另一个选项,我的IF子句将不会捕获它并分配给在开始时声明的固定值。我的概念在这里可能是错的,但它对我有用

© www.soinside.com 2019 - 2024. All rights reserved.