JSP에서 데이터베이스의 동적 드롭 다운이 작동하지 않습니다.

드롭 다운 메뉴를 채우려 고 시도했습니다. 두 번째 및 세 번째 드롭 다운 목록은 이전 드롭 다운 값에 따라 데이터베이스에서 검색 한 후에 값을 표시해야합니다. 내 코드에서 오류를 지적하십시오. 내가 코드를 실행하면 어떤 드롭 다운 메뉴에서 어떤 값을 선택할 수 없습니다. Plz 도와주세요.
Country.jsp JSP에서 데이터베이스의 동적 드롭 다운이 작동하지 않습니다.

State.jsp

City.jsp 거의 내가 이미 데이터베이스에 값을 추가 한 state.jsp

과 동일합니다. 미리 감사드립니다

출처

2013-01-23 user1477953

이 작동합니다 미리 정의 된 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>

출처

2013-01-28 15:17:30

JSP에서 데이터베이스의 동적 드롭 다운이 작동하지 않습니다.

답변

관련 문제