>웹 프론트엔드 >JS 튜토리얼 >jQuery 드롭다운 목록 보조 연결 플러그인 Sharing_jquery

jQuery 드롭다운 목록 보조 연결 플러그인 Sharing_jquery

WBOY
WBOY원래의
2016-05-16 17:54:421088검색

jQuery 보조 연결 플러그인: jQuery.selected
페이지에서 여러 연결 효과를 참조할 수 있습니다. 사용 방법:
js 구성:

코드 복사 코드는 다음과 같습니다.

var defaults = {
NextSelId: '#Select2',
SelTextId: '#Text1',
Separator : '--',
SelStrSet: [
{ name: '선택하세요', 하위 이름: '선택하세요'},
{ name: '★Gao Qiben★', 하위 이름: 'Computer Science and 기술|중어문학' },
{ 이름: '★Gaoqizhuan★', 하위 이름: '중국어 교육|비서|유치원 교육|관광 관리|법무|경제 관리|전산 회계|전자상거래|컴퓨터 정보 관리 |소프트웨어공학|메카트로닉스|정밀화학생산기술|기계제조 설계 및 자동화|방송 및 호스팅|미술 디자인|서예 방향 미술 디자인' },
{ name: '★대학~학사★', subname: ' 사상 정치교육|중어문학|영어|수학과 응용수학|전자정보공학|컴퓨터과학과 기술|회계|공공사업관리|관광경영|체육교육|음악학|미술디자인|서예방향 미술디자인'}]
}
var defaults2 = {
NextSelId: '#Select4',
SelTextId: '#Text2',
Separator: '★',
SelStrSet: [
{ name : '선택하세요', 하위 이름: '선택하세요'},
{ 이름: 'Beijing', 하위 이름: 'Beijing1|Beijing2' },
{ 이름: '상하이', 하위 이름: '상하이1 |상하이 2 |Shanghai 3|Shanghai 4' },
{ 이름: 'Tianjin', 하위 이름: 'Tianjin'}]
}

구성 지침:
NextSelId: ID 함께 로드해야 하는 드롭다운 목록
SelTextId: 선택 옵션을 표시하는 텍스트 상자의 ID
구분 기호: 1단계 메뉴와 2단계 메뉴의 문자열 분할
SelStrSet: 드롭다운 구성 다운 옵션
[{ 이름: '선택하세요', 하위 이름: '선택하세요'}]
이름: 첫 번째 수준 드롭다운 옵션, 하위 이름: 두 번째 수준 드롭다운 옵션, "| ";

html 페이지:
코드 복사 코드는 다음과 같습니다.




🎜>




좋은 제안이 있으시면 댓글을 남겨주세요!


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