如何从 jsp 页面的下拉菜单中显示值？ [复制]答案

【问题标题】：How to show value from dropdown menu in jsp page? [duplicate]如何从 jsp 页面的下拉菜单中显示值？ [复制]
【发布时间】：2020-10-20 17:01:53
【问题描述】：

我有一个下拉菜单，我想在从菜单中选择一个项目时将其显示在下面。这是我的jsp：

<body>
        <select name="courseSelect">
            <c:forEach  var="course" items="${courses}">         
                <option name="courseOption" value="${course.name}">${course.name}</option>   
            </c:forEach>
        </select>
             ${courseSelect} //for example to show it here
    </body>

这是我的 servlet：

   protected void doGet(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {
    HttpSession session = request.getSession(true);
    String courseSelect = request.getParameter("courseSelect");
    session.setAttribute("courseName", courseSelect);
    session.setAttribute("courses", Course.allCourses());
    RequestDispatcher rd = request.getRequestDispatcher("home.jsp");
    rd.forward(request, response);
}

我试图从选择标签和选项标签中获取参数，但它没有显示任何内容。我该如何解决这个问题？

【问题讨论】：

使用js 而不是在选择更改时获取值并将其放入某个 div 中。

标签： java html servlets

【解决方案1】：

Javascript 可能会更好地在前端本身处理这种情况。您可以为 Vanilla Javascript 更改您的代码，如下所示

    <body>
        <select id="selectBox" name="courseSelect" onchange="changeText()">
            <c:forEach  var="course" items="${courses}">         
                <option name="courseOption" value="${course.name}">${course.name}</option>   
            </c:forEach>
        </select>
             <p id="showValue"></p> //for example to show it here
    <script>
   function changeText(){
     var selectedValue = document.getElementById('selectBox').value;
     document.getElementById('showValue').innerText = selectedValue;
   }
</script>
    </body>

【讨论】：