jsp第二次下拉取决于第一次选择的值

时间:2017-01-30 07:37:45

标签: javascript jquery dropdown

我有一个包含以下内容的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>

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

用于测试 - 不起作用(可能是因为原始表单本身位于弹出窗口中)。

1 个答案:

答案 0 :(得分:0)

我检查了你的代码而没有查询。你的代码应该是以下方式

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