Java 如何在jsp页面中显示下拉菜单中的值？_Java_Html_Servlets

Java 如何在jsp页面中显示下拉菜单中的值？

java html servlets

Java 如何在jsp页面中显示下拉菜单中的值？,java,html,servlets,Java,Html,Servlets,我有一个下拉菜单，当我从菜单中选择一个项目时，我想在下面显示它。这是我的jsp： <body> <select name="courseSelect"> <c:forEach var="course" items="${courses}"> <option name="courseOption

我有一个下拉菜单，当我从菜单中选择一个项目时，我想在下面显示它。这是我的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>

我试图从select标记和option标记中获取参数，但它没有显示任何内容。如何解决这个问题？

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>


${course.name}
//例如，在此处显示
函数changeText（）{
var selectedValue=document.getElementById（'selectBox'）.value；
document.getElementById（'showValue'）。innerText=selectedValue；
}

使用

js

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

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