如何使用jsp和javascript选择第一个下拉列表来填充第二个下拉列表？

Question

帮助我如何根据第一个选择获取第二个下拉列表。 在第一个下拉列表中，我从数据库中获取城市，我想根据第一个下拉列表中的城市选择从数据库中的第二个下拉列表中检索区域名称。我使用my-sql数据库获取数据。  我使用此代码填充数据库中的第一个下拉列表...

 <select id = "city" style="padding: 10px; width:100%; border:1px solid #000;" name="rut">
        <%! int route;%>
        <%

        String sql = "select * from route";

        rs = st.executeQuery(sql);

        while(rs.next()){
        route = Integer.parseInt( rs.getString(1));
    %>
        <option value = "<%=rs.getString(1)%>"><%=rs.getString(2)%></option>
    <%
     }

    %> 
</select>

现在我想用城市区域填充这个下拉列表，该区域存储在存储城市的同一个表中的数据库中....

<select id="customers" name = "cust" style="padding: 10px; width:100%; border:1px solid #000;" >

            <%
                ResultSet rs1;
             String sql1 ="select * from customer where cust_route='"+route+"'"; 
             rs1 = st.executeQuery(sql1);
               while(rs1.next())
                {
                    out.println(rs1.toString());
            %>
            <option value="<%=rs1.getString(1)%>"><%=rs1.getString(2)%></option>

            <%}
            %>
        </select>