사용하기 전에 지침을 읽어 보십시오. 이를 이해하면 이 작은 기능을 빠르게 구현하는 데 도움이 됩니다.
1.
이 드롭다운 항목은 유지하거나 무시할 수 있으며, "==모두 보기 =="는 자신이 원하는 콘텐츠로 대체할 수 있으며, value="all" 속성은 추가적인 전체 필터링 표시 기능을 얻을 수 있으므로 유지하는 것이 좋습니다.)
2. 드롭다운 메뉴 데이터 형식 , (실제 개발에서는 데이터 형식 문자열이 백그라운드 프로그램에 의해 생성될 수 있습니다. 이 데이터 문자열의 형식은 쿼리하는 테이블 구조와 동일해야 합니다. 이 데이터 형식 문자열을 얻으려면 템플릿에 전달하기만 하면 됩니다. 모두 삭제 -다운 메뉴 데이터는 페이지에 한 번에 전달되며 이 문자열 형식을 얻는 방법을 찾는 한 사용하는 언어 개발 및 구현과 아무 관련이 없습니다.
a . 1차 링크 메뉴의 드롭다운 옵션 형식은 (드롭다운 옵션 옵션 내용, 드롭다운 옵션 옵션 값;.... ..)
"Shanghai,01; Jiangxi,02";
b. 2차 연결 메뉴의 드롭다운 옵션(하위 드롭다운 옵션 옵션 필터값, 하위 드롭다운 옵션 옵션 내용, 하위 드롭다운 옵션) 다운 옵션 옵션 값;...)
"01,Xuhui District,001;01,Jiading District,002;01,Huangpu District,003;02,Nanchang City,004;02 ,Jiujiang City,005 ;02,Shangrao City,006";
c. 3차 연결메뉴의 드롭다운 옵션(하위 드롭다운 옵션 옵션 필터값, 하위 드롭다운 옵션 옵션 내용, 하위 드롭다운 옵션 옵션 값;...)
"001, Xuhui District 1, 0001; 002, Jiading District 1, 0002; 003, Huangpu District 1, 0003; 004, Nanchang City 1, 0004; 005, Jiujiang 1 City, 0005; 006, Shangrao 1 City, 0006"; 옵션 내용, 하위 드롭다운 옵션 옵션 값;...)
첫 번째 수준을 제외하고 하위 드롭다운 옵션 옵션 필터 값이 있고, 다른 하위 집합에는 하위 드롭다운 옵션 옵션 필터 값이 있습니다
3. 현재 메뉴인 경우 N레벨 연결 메뉴를 실제로 구현할 수 있습니다. 책임 모델과 유사하게 하위 메뉴를 구동합니다.
4. 실제 개발에서는 세 가지 메소드를 별도의 스크립트 파일에 넣고 호출하면 됩니다. 이 방법을 사용하면 이 기능을 구현하는 것이 매우 간단하다는 것을 알 수 있습니다.
5. 실제로는 동일합니다. 이름과 스타일은 다릅니다('_' 밑줄은 접미사 구분 기호로 사용됨). 코드 복사
코드는 다음과 같습니다.