接下来根据先前的选择从数据库中选择选项

时间:2014-04-09 07:05:56

标签: javascript jquery ajax jsp

在jsp页面中,根据第一个选择的选项,有两个以上的选择框,查询数据库以显示下一个可选选项,依此类推。如何使用JQuery或AJAX或其他任何东西来实现这种动态选择?

典型的jsp页面

<!--Data base connections are done here-->
<%!

    Connection con=null;
    Statement stmt=null;
    ResultSet rs1=null;
    String driver="sun.jdbc.odbc.JdbcOdbcDriver";
    String query1=null;

%>

<%
try{
    Class.forName(driver);
    con=DriverManager.getConnection("jdbc:odbc:guest","username","password"); 
    stmt=con.createStatement(); 
    }catch(Exception e){ e.printStackTrace(); }
%>

<!--Selection box 1-->

Select X value:
<select name="x" id='x'>                                            
<%  
    try
    {
        query1= "select x from TableA";

        rs1=stmt.executeQuery(query1);

    }catch(Exception e){ e.printStackTrace(); }

while(rs1.next()){ 
String x=rs1.getString(1);%>    
<option value="<%=x%>"><%=x%></option>
<%} %>
</select>

<!--Selection box 2-->

Select Y value:
<select name="y" id='y'>                                            
<%  
    try
    {
        query1= "select y from TableB where TableB.x=VALUE OF X BEEN SELECTED;

        rs1=stmt.executeQuery(query1);

    }catch(Exception e){ e.printStackTrace(); }

while(rs1.next()){ 
String y=rs1.getString(1);%>    
<option value="<%=y%>"><%=y%></option>
<%} %>
</select>

0 个答案:

没有答案