제 가 호박의 무한 분류 연동 메뉴 Javascript 버 전 을 만 든 후에 파란색 이상 과 CSDN 에 발 표 했 습 니 다.매화 설 형 은 CSDN 에서 효율 이 부족 하 다 는 문 제 를 제 기 했 습 니 다.저도 이 점 을 깨 달 았 습 니 다.프로젝트 가 완 공 된 후에 보완 하려 고 했 는데 갑자기 기능 이 가 려 워 서 인터넷 에서 자 료 를 찾 았 습 니 다.마지막 으로 이 AJAX 버 전의 무한 분류 연동 메뉴 를 만 들 었 습 니 다.시간 이 촉박 해 거 칠 게 만 들 었 으 나 AJAX 기술 을 활용 해 무한 연동 이 이 뤄 졌 으 며,시간 이 지나 면 이 버 전 을 보완 한다.여러분 에 게 도움 을 줄 수 있 기 를 바 랍 니 다.좋 은 건의 나 bug 가 있 으 면 이 글 을 올 린 후에 답장 하거나 조회 할 수 있 습 니 다.http://www.51ajax.com/bbs/글 을 올리다.실행 환경:MS IE 6.0 FireFox 1.0.1 다운로드 주소:여 기 를 클릭 하 세 요 온라인 데모:여 기 를 클릭 하 세 요 버그 피드백:여 기 를 클릭 하 세 요 마지막 업데이트:2005-10-20 16:18 총 두 개의 파일 이 있 습 니 다.파일 ajax.html 코드 는 다음 과 같 습 니 다.
호박 망-무한 연동 메뉴[AJAX 판]function GetResult(str,classid){classid,숫자,메뉴 단계*인 스 턴 스:GetResult(document.all.userid.value,1);*------------GetResult(str,classid)-------------------------메뉴 급수,메뉴 ID 배열,메뉴 대응 필드 배열 var MenuIdArr,MenuFieldArr,MenuClass MenuIdArr= new Array() MenuFieldArr=new Array() MenuClass=4 MenuIdArr[1]="sel1" MenuIdArr[2]="sel2" MenuIdArr[3]="sel3" MenuIdArr[4]="sel4" MenuFieldArr[1]="name" MenuFieldArr[2]="name" MenuFieldArr[3]="name" MenuFieldArr[4]="name" if (window.XMLHttpRequest) { // Mozilla, Safari, ... http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE http_request = new ActiveXObject("Microsoft.XMLHTTP"); } var linkurl="http://www.10090.com/demo/hpmenu/ajax_server.asp?classid="+classid+"&sel="+str+"&fieldname="+MenuFieldArr[classid+1] http_request.open("GET",linkurl,false); http_request.send(null); //서버 에서 처 리 된 것 은 escape 인 코딩 을 거 친 문자열 입 니 다.//페이지 에 서버 조회 결 과 를 표시 합 니 다 var returntxt=unescape(httprequest.responseText)if(returntxt.length>0){document.all,ajax.innerHTML="서버 반환 결과:"+returntxt+"[Powered by AJAX]"}else{document.all,ajax.innerHTML="}//XML HTTP 를 통 해 데 이 터 를 되 돌려 주 고 선택 을 구축 합 니 다.BuildSel(returntxt,eval("document.all."+MenuIdArr[classid+1])//===============하급 자 아래 메뉴 를 비 워 두 기====================var kkk for(kkk=classid+2;kkk<=MenuClass;kkk++){submenu=eval("document.all."+MenuIdArr[kkk])submenu.length=1 submenu.options[0].selected=true}}function BuildSelect(str,select){/**-------------------------------------------------------------------------------------------------서버 에서 되 돌 아 옵 니 다.특정한 구조 가 있 습 니 다."문자열 1|,문자열 2,문자열 3"*도"문자열 1 번호|문자열 1 텍스트,문자열 2 번호|문자열 2 텍스트,문자열 3 번호|문자열 3 텍스트"입 니 다.sel)--------------*//원래 의 데 이 터 를 먼저 비 웁 니 다.sel.options.length=0;var arrstr = new Array(); arrstr = str.split(","); //새로운 Select 를 구축 하기 시작 합 니 다.sel.options.add(new Option("-선택 하 십시오-",");if(str.length>0) { for(var i=0;i[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]file ajaxserver.asp 코드 는 다음 과 같 습 니 다.[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]
이상 두 버 전의 프로그램 도 많은 네티즌 들 의 지혜 를 융합 시 켰 습 니 다.제 손 을 통 해 보 여 드 리 겠 습 니 다.인터넷 의 취지 와 정 수 는 바로 공유 에 있 습 니 다.이 작은 프로그램 이 당신 에 게 약간의 편 의 를 가 져 다 주 기 를 바 랍 니 다.
