2017-01-30 47 views
0

我有一個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> 

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

測試 - 不工作(可能是因爲原來的形式本身就是一個彈出窗口)。

+0

你在這段代碼期待? 'selected'在這裏沒有定義。所以這會很複雜。你有沒有搜索「jquery選擇onchange」選項?你應該找到一些答案。 – AxelH

+0

[jQuery獲取select onChange的值的可能重複](http://stackoverflow.com/questions/11179406/jquery-get-value-of-select-onchange) – AxelH

回答

0

我有檢查你的代碼,而query.your代碼應在下列方式

<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> 
相關問題