효과 시연: html 코드: 코드 복사 코드는 다음과 같습니다: ; 지방 및 지방자치단체 연계 ></head> <BR><body> 데모: </h2> <BR><select id="province"> <BR><option value="0">주를 선택하세요</option> 🎜> <select id="city"> <BR><option value="0">도시를 선택하세요</option> <BR></select> District" > <BR><option value="0">구와 카운티를 선택하세요</option> <BR></select> <BR><BR><!--다음은 다음과 같습니다. 초기 값 (선택 사항), 양식 편집 시 설정)--> <BR><input type="hidden" value="440000" id="pre_province"/> "hidden" value="440500" id="pre_city"/> <BR><input type="hidden" value="440511" id="pre_district"/> <BR><BR></body> ; <br></html> ; <br><BR> <BR><BR><br>script.js 코드: <br> <BR><BR></div><br> 코드 복사<br><STRONG> </STRONG> 코드는 다음과 같습니다: <br><br> <div class="codetitle">/* <span>작성자: elycir <a style="CURSOR: pointer" data="72437" class="copybut" id="copybut72437" onclick="doCopy('code72437')">생성: 2012-06 <U>설명: 주 및 시 레벨 3(보조) 연결</U>* / </a>$(function () { </span>var citySelector = function () { </div>var Province = $("#province"); <div class="codebody" id="code72437">var city = $("#city"); <BR>var District = $("#district"); <BR>var preProvince = $("#pre_province") <BR>var preCity = $("#pre_city"); <BR>var preDistrict = $("# pre_district"); <BR>var jsonProvince = "/content/json-array-of-province.js" <BR>var jsonCity = "/content/json-array-of -city.js"; <BR>var jsonDistrict = "/content/json-array-of-district.js"; <BR>var hasDistrict = true; <BR>var initProvince = "<옵션 값='0' >지방을 선택하세요</option> "; <BR>var initCity = "<option value='0'>도시를 선택하세요</option>"; <BR>var initDistrict = "<옵션 값 ='0'>구 또는 카운티를 선택하세요 </option>"; <BR>return { <BR>Init: function () { <BR>var that = this; <BR>that._LoadOptions(jsonProvince, preProvince, 지방, null, 0, initProvince); <BR>province.change(function () { <BR>that._LoadOptions(jsonCity, preCity, city, Province, 2, initCity); <BR>}); >if (hasDistrict) { <BR>city.change (function () { <BR>that._LoadOptions(jsonDistrict, preDistrict, District, city, 4, initDistrict); <BR>}); function () { <BR>city.change() ; <BR>}); <BR>} <BR>province.change() <BR>}, <BR>_LoadOptions: 함수(datapath, preobj, targetobj, parentobj, Comparelen, initoption) { <BR>$.get( <BR>datapath, <BR>function (r) { <BR>var t = ''; // t: html 컨테이너<BR>var s; // s: 선택된 식별자<BR>var pre; // pre: 초기 값<BR>if (preobj === undefine) { <BR>pre = 0 <BR>} else { <BR>pre = preobj.val( ); <BR>} <BR>for (var i = 0; i < r.length; i ) { <BR>s = '' <BR>if (비교 === 0) { <BR>if (pre !== "" && pre !== 0 && r[i].code === pre) { <BR>s = ' selected="selected" ' <BR>pre = ''; } <BR>t = '<옵션 값= ' r[i].code s '>' r[i].name '</option>' <BR>} <BR>else { <BR> var p = parentobj.val(); <BR> if (p.substring(0, Comparelen) === r[i].code.substring(0, Comparelen)) { <BR>if (pre !== " " && pre !== 0 && r[i] .code === pre) { <BR>s = ' selected="selected" '; <BR>pre = ''; <BR>} <BR>t = '<옵션 값=' r[i].code s '>' r[i].name '</option>' <BR>} <BR>} <BR><BR>} <BR> if (initoption !== '') { <BR>targetobj.html(initoption t) <BR>} else { <BR>targetobj.html(t) <BR>}, <BR>" json" <BR>); <BR>} <BR>}; <BR>} (); <br>citySelector.Init(); <br>}); <BR><BR> <BR>주 및 도시 json 데이터 파일: <BR>다운로드하려면 클릭하세요<BR> <BR>
