>웹 프론트엔드 >JS 튜토리얼 >DynamicOptionList 링크 메뉴 code_form 효과

DynamicOptionList 링크 메뉴 code_form 효과

WBOY
WBOY원래의
2016-05-16 19:08:501384검색

사용하기 전에 지침을 읽어 보십시오. 이를 이해하면 이 작은 기능을 빠르게 구현하는 데 도움이 됩니다.


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. 실제로는 동일합니다. 이름과 스타일은 다릅니다('_' 밑줄은 접미사 구분 기호로 사용됨). 코드 복사


코드는 다음과 같습니다.




<제목>목록



<본문>


샘플1:

    
  <옵션이 선택됨 value="all">==查看所有==
    
    
  <옵션이 선택됨 value="all">==查看所有==
    
    
  <옵션이 선택됨 value="all">==查看所有==
    

 




샘플2:

    
  <옵션이 선택됨 value="all">==查看所有==
    
    
  <옵션을 선택함 value="all">==查看所有==
    
    
  <옵션이 선택됨 value="all">==查看所有==
    

 



 샘플3:

    
  <옵션이 선택됨 value="all">==查看所有==
    
    
  <옵션이 선택됨 value="all">==查看所有==
    
    
  <옵션이 선택됨 value="all">==查看所有==
    

 




샘플4:

    
  <옵션이 선택됨 value="">==查看所有==
    
    
  <옵션이 선택됨 value="">==查看所有==
    
    
  <옵션이 선택됨 value="">==查看所有==
    

 









성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.