강력하고 실용적인 Ajax 2 차 연결 메뉴 (데모 및 소스 프로그램 패키지 다운로드 포함)
며칠 전, 백엔드 작업을 할 때 두 번째 레벨 링키지 메뉴를 사용했습니다. 나는 오랫동안 온라인으로 검색했지만 만족스러운 것을 찾지 못했습니다. 이것은 이것 또는 그 중 하나였습니다. 때로는 선택을 할 때 돌아올 수 없었습니다. 나는 정말 우울했다.
나중에 나는 Ajax를 사용하여 무한 수준의 분류를 작성하는 사람을 보았습니다 (AO, 하하, 이해할 수 없습니다). 백그라운드에서 Ajax를 사용할 수 있다고 생각했습니다. JavaScript를 사용하는 것보다 느리지 만, 이것은 실용적이고 강력합니다. 나는 실수를하지 않으며 주요 범주를 선택한 다음 선택하지 않고 서브 클래스가 비어있는 상태로 돌아 가지 않을 것입니다. 하하.
파일 디렉토리 : 그림에 표시된대로
기본 코드는 다음과 같습니다.
인덱스 .ASP
코드 사본은 다음과 같습니다.
<%@language = "vbscript"CodePage = "936"%>
<! doctypehtmlpublic "-// w3c // dtdxhtml1.0transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<htmlxmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<metahttp-equiv = "content-type"c/>
<title> Ah Feng의 Ajax의 두 번째 레벨 연결 </title>
<scriptLanguage = "javaScript"src = "js.js"> </script>
</head>
<body>
<h2> <ahref = "http://yeahdown.com/"> ajax의 ahfeng </a> </h2>
<!-#includefile = "iconn.asp"->
<%
setafeng = conn.execute ( "selectBigClassId, bigclassNameFrombigClass")
%>
<cormid = "form1"name = "form1"method = "post"action = "">
<divid = "bigclass"style = "float : left">
<selectName = "select">
<OptionValue = "0"> 첫 번째 레벨 분류 </옵션>을 선택하십시오
<%ifnotafeng.eofthen
Dowhilenotafeng.eof
bigclassid = afeng ( "bigclassid")
bigclassname = afeng ( "bigclassname")%>
<OptionValue = "<%= bigclassid%>"> <%= bigclassName%> </옵션>
<%afeng.movenext
고리
endif
afeng.close
setafeng = 아무것도
conn.close
setconn = 아무것도%>
</선택>
</div>
<divid = "subclass"style = "float : 왼쪽"> <selectName = "select2">
<OptionValue = "0"> 중등 분류 선택 </옵션>