Выбранное значение для JSP выпадающего использования JSTL

у меня есть 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 для вставки и обновления. Когда я редактирую страницу, как я могу установить выбранное значение в выпадающем списке, где выбранное значение будет поступать из базы данных.

24
drop-down-menu jsp jstl retain

7 ответов

в HTML выбранная опция представлена наличием на <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>

Читайте также:

38

Если вы не против использования 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>

в вашем сервлете добавьте следующее:

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

я попробовал последний ответ от Сандипа Кумара, и я нашел способ более простой:

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

я попробовал принятый ответ, это не сработало.

, однако, простой способ сделать это ниже:-

<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, назначил ее известному значению из моей базы данных. Что похоже на принятый ответ, в котором вы сначала объявляете известное значение и устанавливаете его в selected

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

таким образом, если пользователь затем выбирает другой вариант, мой если пункт не поймает его и присвоит фиксированное значение, которое было объявлено в начале. Моя концепция может быть неправильной здесь, но она работает для меня

1