كيفية عمل الselect للdrop down values بالجافا سكربت

السلام عليكم

يا شباب عندي 2 drop down list حيث انه الثاني يعتمد على الأول

حاولت أعمل الselect للdrop down و عمل الrelationship و لكن للأسف كل القيم تظهر

فمثلا أريد أن يختار الuser الدولة و تظهر فقط المناطق المختصة بالدولة ليس كل المناطق

حيث نصحوني الإخوان في قسم الجافا بعمل ذلك باستخدام الجافا سكربت فكيف ذلك

الكود الذي عملته

<select size="1" name="shop_category"><option value="NONE"> 

<% 



                 try 

                 { 





                                ResultSet rs=null; 



                                Statement st1=null; 



                                String query = "select Category_name, category_id from shop_category_lkup"; 



                                st1 = conn1.createStatement(); 



                                rs = st1.executeQuery(query); 



                                while(rs.next())                 

                { 

           String sz_Selected=""; 



                 if (rs.getString("category_id").equals(shop_category)) 

                 { 

                   sz_Selected = "selected"; 

                 } 





%> 

                <option value="<%=rs.getString("category_id")%>" <%=sz_Selected%>> 

        <%=rs.getString("category_name")%></option> 

<% 

                                } 



                } 

                catch (Exception e) { 

      e.printStackTrace(); 

    } 

%> 

</select> 





<select size="1" name="rent_category"><option value="NONE"> 

<% 



                 try 

                 { 





                                ResultSet rs=null; 



                                Statement st1=null; 



                                String query = "select r.Category_name, r.category_id from rent_category_lkup r, shop_categpry_lkup s where r.category_id=s.category_id"; 



                                st1 = conn1.createStatement(); 



                                rs = st1.executeQuery(query); 



                                while(rs.next())                 

                { 

           String sz_Selected=""; 



                 if (rs.getString("category_id").equals(rent_category)) 

                 { 

                   sz_Selected = "selected"; 

                 } 





%> 

                <option value="<%=rs.getString("category_id")%>" <%=sz_Selected%>> 

        <%=rs.getString("category_name")%></option> 

<% 

                                } 



                } 

                catch (Exception e) { 

      e.printStackTrace(); 

    } 

%> 

</select>

و شكرا