Javascript jsp第二个下拉列表取决于第一个下拉列表中选择的值

我有一个包含以下内容的jsp页面：

<select name="classTitle" id="classTitle">
                <option value="-1" name="title">Select class</option>
                <%
                    try{
                    String qr="select * from class";
                    Class.forName("com.mysql.jdbc.Driver").newInstance();
                    Connection conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/lab3","root","");
                    Statement stm=conn.createStatement();
                    ResultSet rs=stm.executeQuery(qr);
                    while(rs.next()){
                    %>
                    <option id="selectedClass" value="<%=rs.getString("classTitle")%>"><%=rs.getString("classTitle")%></option>

                    <%


                    }//end while

                    }//end try
                    catch(Exception ex){
                    ex.printStackTrace();
                    out.println("Error "+ex.getMessage());
                    }
                 %>

            </select>

选课

我想在同一表单中添加另一个字段，该字段将保存所选特定类的相应类大小（存储在表类中）。然后这些值将被传递到Servlet

到目前为止我已经试过了

<script>
  $( '#classTitle' ).on( 'change', function( e ){
  $("#results").html("You selected: " + selected);
  });
</script>

$（'#classTitle'）。on（'change'，function（e）{
$（“#结果”）.html（“您选择：+已选择）；
});

及

---

对于测试-不起作用（可能是因为原始表单本身在弹出窗口中）

我已经检查了您的代码，没有查询。您的代码应该是以下方式

<script>
$(document).ready(function(){
    $('#classTitle').on('change', function(e) {
        $("#results").text("You selected: " + $(this).val());
    });
});

</script>

<select name="classTitle" id="classTitle">
    <option value="-1">Select class</option>
    <option value="q">ffffffffffff</option>
</select>

<div id="results"></div>

$（文档）.ready（函数（）{
$（'#classTitle'）。关于（'change'，函数（e）{
$（“#results”）.text（“您选择：+$（this.val（））；
});
});
选课
FFFFFFFFFF

您对该代码的期望是什么<代码>所选在此未定义。所以这会很复杂。您搜索过“jqueryselectedoptiononchange”吗？你应该找到一些答案。可能是重复的

<script>
$(document).ready(function(){
    $('#classTitle').on('change', function(e) {
        $("#results").text("You selected: " + $(this).val());
    });
});

</script>

<select name="classTitle" id="classTitle">
    <option value="-1">Select class</option>
    <option value="q">ffffffffffff</option>
</select>

<div id="results"></div>