Java 根据JSP中其他下拉列表的选定值动态填充下拉列表

Java 根据JSP中其他下拉列表的选定值动态填充下拉列表,java,mysql,jsp,Java,Mysql,Jsp,我想根据从JSP中的另一个下拉列表(也是动态填充的)中选择的值动态填充下拉列表。在搜索internet时,我发现了一个使用 onchange=“this.form.submit()”;在第一个下拉列表更改事件中,但由于JSP表单中有其他输入框,因此无法正常工作 换句话说:我有第一个下拉列表,它是从类别表中动态填充的。当我根据这个类别选择任何类别时,我想填充第二个下拉列表中子类别表中的所有数据 我的JSP页面在这里 <% List<Category> listC

我想根据从JSP中的另一个下拉列表(也是动态填充的)中选择的值动态填充下拉列表。在搜索internet时,我发现了一个使用 onchange=“this.form.submit()”;在第一个下拉列表更改事件中,但由于JSP表单中有其他输入框,因此无法正常工作

换句话说:我有第一个下拉列表,它是从类别表中动态填充的。当我根据这个类别选择任何类别时,我想填充第二个下拉列表中子类别表中的所有数据

我的JSP页面在这里

         <% List<Category> listCategory = CategoryDao.getAllCategory();
                                request.setAttribute("listCategory", listCategory);
                             %>
                <div class="col-sm-6">
                    <label for="inputCategoryCode">Product Category</label>
                   
                    <select name="fk_category_id" id="fk_category_id" class="form-control" onchange="this.form.submit();">
                     <option value="0">Select Product Category </option>
                    <c:forEach items="${listCategory}" var="category">
                    
                    <option value="${category.id}">${category.category_type}</option>
                    </c:forEach>
                </select>
                </div>
            </div>
            
            <div class="form-group row">
                <div class="col-sm-6">
                    <label for="inputCity">Sub Category</label>
                    <select name="fk_subcategory_id" id="fk_subcategory_id" class="form-control">
                     <option value="0">Select Sub Category </option>
               <%
                    final Connection connection = db.getConnection();
                    PreparedStatement pstm = connection.prepareStatement("select * from sub_category where prodcat_id = ?");
                    pstm.setString(1, request.getParameter("fk_category_id"));
                    ResultSet rs = pstm.executeQuery();
                
                  while(rs.next())
                  {
                      %>
                      <option value="<%=rs.getInt("id")%>"><%=rs.getString("sub_cat")%></option>
                      <%
                  }
                  

                %>
                     
                    
                </div>                     

产品类别
选择产品类别
${category.category_type}
子类别
选择子类别


你会使用ajax吗?你会使用ajax吗?