김

지역 3단계로 되는 동적셀렉트좀 봐주세요...ㅠㅠㅠㅠ

· 2011-10-14 (금) 15:57:51 · 2980 · 1
대략소스는..
var sojaeji = function(sido, gugun, dong) {
var obj = this;
//window.onload = function() {
obj.sido = document.getElementById(sido);
obj.gugun = document.getElementById(gugun);
obj.dong = document.getElementById(dong);
obj.update_sido();
obj.sido.onchange = function() {
obj.update_gugun.apply(obj);
obj.update_dong.apply(obj);
}
obj.gugun.onchange = function() {
obj.update_dong.apply(obj);
}
//}
}

sojaeji.prototype = {
update_gugun : function() {
if (this.gugun == null) return;
var gugun = this[this.sido.value];
this.gugun.innerHTML = "";
for(var i=0; i<gugun.length; i++)
this.gugun.options.add(new Option(gugun[i], gugun[i]));
},
update_dong : function() {
if (this.dong == null) return;
var dong = this[this.sido.value+"->"+this.gugun.value];
this.dong.innerHTML = "";
for(var i=0; i<dong.length; i++)
this.dong.options.add(new Option(dong[i], dong[i]));
},
update_sido : function() {
if (this.sido == null) return;
var sido = this['시도'];
for(var i=0; i<sido.length; i++)
this.sido.options.add(new Option(sido[i], sido[i]));
this.update_gugun();
this.update_dong();
},
'시도' : ['지역선택','서울','부산','대구','인천','광주','대전','울산','강원','경기','경남','경북','전남','전북','제주','충남','충북'],
'지역선택' : ['세부지역1'],
'지역선택->세부지역1' : ['세부지역2'],
'서울' : ['강남구','강동구','강북구','강서구','관악구','광진구','구로구','금천구','노원구','도봉구','동대문구','동작구','마포구','서대문구','서초구','성동구','성북구','송파구','양천구','영등포구','용산구','은평구','종로구','중구','중랑구'],
'부산' : ['강서구','금정구','남구','동구',....................

<select name="sido2" id="sido2"></select>
<select name="gugun2" id="gugun2"></select>
<select name="dong2" id="dong2"></select>

<script type="text/javascript">
new sojaeji('sido2', 'gugun2', 'dong2');
</script>

대략 소스는 위와 같습니다...
긍데 수정페이지에서는 해당값이 선택되게 하여야 하는데..
도무지 방법을 모르겠습니다..
도움좀 부탁드립니다.
자바스크립트는 아직.. 잘몰라서요..
일반적인 셀렉트 선택방법으로 되질않더라구요..ㅠㅠ
꼭좀 도움좀 부탁드립니다... 아니면 좀더 쉬운 소스가 있는곳
위치좀 알려주셔도 너무 감사하구요..<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]</div>
|

댓글 1개

한 큐에 모든 걸 올리려고 하면 한꺼번에 보내는 데이터가 너무 많게 됩니다. 되도록이면 Ajax로 처리하세요.
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
HTML 11-12-31 조회 3,016
HTML 11-12-30 조회 4,353
HTML 11-12-30 조회 4,855
HTML 11-12-30 조회 4,123
HTML 11-12-30 조회 4,740
HTML 11-12-30 조회 3,504
HTML 11-12-30 조회 2,568
HTML 11-12-30 조회 2,923
HTML 11-12-29 조회 2,423
HTML 11-12-22 조회 3,043
HTML 11-12-21 조회 2,823
HTML 11-12-20 조회 2,874
HTML 11-12-15 조회 5,057
HTML 11-12-15 조회 4,083
HTML 11-12-14 조회 6,742
기타 11-12-12 조회 3,926
HTML 11-12-12 조회 3,259
기타 11-12-05 조회 4,580
HTML 11-12-03 조회 3,218
JavaScript 11-12-02 조회 2,840
JavaScript 11-12-01 조회 2.1만
기타 11-11-30 조회 5,563
HTML 11-11-26 조회 3,031
HTML 11-11-19 조회 4,219
HTML 11-11-01 조회 3,111
HTML 11-10-23 조회 2,332
HTML 11-10-21 조회 2,257
HTML 11-10-15 조회 2,814
HTML 11-10-15 조회 2,465
HTML 11-10-15 조회 4,726