JavaScript が無限のドロップダウン リストを生成する実装 code_javascript スキル

コードをコピー コードは次のとおりです:

//会社の 2 次元配列データ ソース
オフィス = [
["部門", "ParentDept"],
["事業部門", "0"],
["技術部門", "0"],
["マーケティング部門 ", "0"],
["www.yongfa365.com", "ビジネス部門"],
["ビジネス部門 シャオヤン", "ビジネス部門"],
[ "営業部 Xiaocai" "、"営業部"]、
["技術部 Lao Liu"、"技術部"]、
["技術部 Lao Yang"、"技術部"]、
[「技術部のラオ・ヤン」料理」、「技術部」]、
[「マーケティング部の劉さん」、「マーケティング部」]、
[「マーケティング部の楊さん」部門"],
["マーケティング部門" "新人", "マーケティング部門"]
]

//都道府県と都市の 3 次元配列データ ソース
City3 = [
["部門", "親ID", "ID"],
["北京", "0", "010"],
["山西", "0", "0359"],
["朝陽区", "010", "001"] ,
["海淀区", "010", "002"],
["独格荘", "001", "101" ]、
["シリバオ"、"001" 、"102"]、
["中関村"、"002"、"201"]、
["上地"、"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 ;

// セカンダリ データ ソースか第 3 レベル データ ソースかを判断します
if (ArrObj[ 0].length == 2)
{ ArrNum = 0; }
else
{ ArrNum = 2; }

//すべてのオプション
を生成します (var i = 0) ; i if (ArrObj[i][1] == ParentValue) {
StrObj.options[StrObj.length] = new Option(" ", 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 strtemp = str;
}

<title> </title> <hr> <select id="nowhaha"> </select> <select id="NowOffice"> </select>
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]