> 웹 프론트엔드 > JS 튜토리얼 > Javascript는 무한 드롭다운 목록 구현 code_javascript 기술을 생성합니다.

Javascript는 무한 드롭다운 목록 구현 code_javascript 기술을 생성합니다.

WBOY
풀어 주다: 2016-05-16 18:54:49
원래의
1139명이 탐색했습니다.

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

//회사 2차원 배열 데이터 소스
사무실 = [
["부서", "상위부서"],
["사업부", "0"],
["기술부", "0"],
["마케팅 부서 ", "0"],
["www.yongfa365.com", "사업부"],
["사업부 Xiao Yang", "사업부"],
[ "사업부 Xiaocai" ", "사업부"],
["기술부 Lao Liu", "기술부"],
["기술부 Lao Yang", "기술부"],
["기술부 라오양" 요리", "기술부"],
["마케팅부 Mr. Liu", "마케팅부"],
["마케팅부 Mr. Yang" 부서"],
["마케팅 부서" "신인", "마케팅 부서"]
]

//도 및 시 3차원 배열 데이터 소스
City3 = [
["Dept", "ParentId", "Id"],
["Beijing", "0", "010"],
["Shanxi", "0", "0359"],
["조양구", "010", "001"] ,
["하이뎬구", "010", "002"],
["Dugezhuang", "001", "101" ],
["Shilibao", "001" , "102"],
["Zhongguancun", "002", "201"],
["Shangdi", "002", "202 "],
["운성지역", "0359", "301"],
["타이위안시", "0359", "302"],
["용지시", "301 ", "311"],
[ "커뮤니티", "302", "312"]
];

//FillSelectTree("nowhaha", City3, "0", "311 ", -1)
//컨트롤 ID, 데이터 소스, 상위 값, 선택한 값, 수준 선택(구분 기호 생성에 사용)
function FillSelectTree(SelectId, ArrObj, ParentValue, SelectedValue, NowI) {
StrObj = eval(document.getElementById (SelectId));

NowI ;

//2차 데이터 소스인지 3차 데이터 소스인지 확인
if (ArrObj[ 0].length == 2)
{ ArrNum = 0; }
else
{ ArrNum = 2; }

//(var i = 0에 대한 모든 옵션 생성) ; i < ArrObj.length; i ) {
if (ArrObj[i][1] == ParentValue) {
StrObj.options[StrObj.length] = new Option(String(" ", NowI) ArrObj[i][0], ArrObj[i ][ArrNum]);

//기본값 선택
if (ArrObj[i][ArrNum] == SelectedValue) {
StrObj .options[StrObj.length - 1].selected = true;
}

//Traverse
FillSelectTree(SelectId, ArrObj, ArrObj[i][ArrNum], SelectedValue, NowI); 🎜>}
}
}


//문자열 복사 횟수
function String(str, nowi) {
strtemp = ""; >for (var i = 0; i < nowi; i ) {
strtemp = str
}
return strtemp;
}





[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿