jsp中数据库的动态下拉列表不工作_Jsp_Drop Down Menu

jsp中数据库的动态下拉列表不工作

jsp drop-down-menu

jsp中数据库的动态下拉列表不工作,jsp,drop-down-menu,Jsp,Drop Down Menu,我正在尝试填充下拉菜单。第二个和第三个下拉列表应显示根据上一个选择的下拉值从数据库检索后的值。您能指出我代码中的错误吗？当我运行代码时，我无法在任何下拉列表中选择任何值。请帮帮我。 City.jsp几乎与state.jsp相同我已经在数据库中添加了值。提前感谢请使用预定义的框架，如JSTL/SQL和jQuery.js 这应该起作用： <%-- Document : index Created on : Jan 23, 2013, 7:43:24 PM Au

我正在尝试填充下拉菜单。第二个和第三个下拉列表应显示根据上一个选择的下拉值从数据库检索后的值。您能指出我代码中的错误吗？当我运行代码时，我无法在任何下拉列表中选择任何值。请帮帮我。

City.jsp几乎与state.jsp相同

我已经在数据库中添加了值。提前感谢

请使用预定义的框架，如JSTL/SQL和jQuery.js

这应该起作用：

<%--
    Document   : index
    Created on : Jan 23, 2013, 7:43:24 PM
    Author     : Ankit
--%>

<%@taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.sql.*"%>
<sql:setDataSource driver="oracle.jdbc.driver.OracleDriver" url="jdbc:oracle:thin:@localhost:1521:XE" user="system" password="ankit" var="db" scope="request" />
<sql:query dataSource="${db}" var="countrys" sql="SELECT * FROM country" />
<sql:query dataSource="${db}" var="states" sql="SELECT * FROM state WHERE countryid=${param['countryid']}" />
<sql:query dataSource="${db}" var="cities" sql="SELECT * FROM city WHERE cityid=${param['cityid']}" />
<!DOCTYPE html>
<html>
    <head>
        <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
        <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
        <script type="text/javascript" language="javascript" src="jquery.js"></script>
    </head>
    <body>
        <form>
        <select name="countryid" id="countrylist" onclick="jQuery('#statelist').load('?countryid='+jQuery(this).val(),'#statelist');">
            <c:forEach items="${countrys}" var="country">
                <option value="${country.id}">${country.name}</option>
            </c:forEach>
        </select>
        <select name="stateid" id="statelist" onclick="jQuery('#citylist').load('?cityid='+jQuery(this).val(),'#citylist');">
            <c:forEach items="${states}" var="state">
                <option value="${state.id}">${state.name}</option>
            </c:forEach>
        </select>
        <select name="cityid" id="citylist">
            <c:forEach items="${cities}" var="city">
                <option value="${city.id}">${city.name}</option>
            </c:forEach>
        </select>
        <button>Finish</button>
        </form>
    </body>
</html>


${country.name}
${state.name}
${city.name}
完成