테스트 사이트 - 개발 중인 베타 버전입니다

스크립트 추천 부탁 드립니다.(__) 채택완료

관악꽃 10년 전 조회 4,129

대분류 + 중분류 + 소분류 셀렉트를 만들었습니다.

 

</p><p style="font-size: 14.6666669845581px;"><div></p><p style="font-size: 14.6666669845581px;"><span style="font-size: 14.6666669845581px; line-height: 1.5;"><select name="code1"</span><span style="font-size: 14.6666669845581px; line-height: 1.5;"> </span><span style="font-size: 14.6666669845581px; line-height: 1.5;">onchange=""</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">​</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">> </span></p><p style="font-size: 14.6666669845581px;"><option value="d001">- 서울 -</option> </p><p style="font-size: 14.6666669845581px;"><option value="d002">- 경기 -</option> </p><p style="font-size: 14.6666669845581px;"><option value="d003">- 강원 -</option> </p><p style="font-size: 14.6666669845581px;"></select> </p><p style="font-size: 14.6666669845581px;"><select name="code2" onchange=""> </p><p style="font-size: 14.6666669845581px;"><span style="font-size: 11pt; line-height: 1.5;"><option value="s001">- (서울)강남구 -</option> </span></p><p style="font-size: 14.6666669845581px;"><option value="s002">- (서울)강서구 -</option> </p><p style="font-size: 14.6666669845581px;"><span style="font-size: 11pt; line-height: 1.5;"></span><span style="font-size: 14.6666669845581px; line-height: 1.5;"><option value="s003">- (서울)은평구 -</option> </span></p><p style="font-size: 14.6666669845581px;"><span style="font-size: 11pt; line-height: 1.5;"></select> </span></p><p style="font-size: 14.6666669845581px;"><select name="code3"> </p><p style="font-size: 14.6666669845581px;"><span style="font-size: 11pt; line-height: 1.5;"><option value="g001">- (서울)(강남구)개포동 -</option></span></p><p style="font-size: 14.6666669845581px;"><option value="g002">- <span style="font-size: 14.6666669845581px; line-height: 1.5;">(서울)(</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">강남구</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">​)</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">​신사동 </span><span style="font-size: 14.6666669845581px; line-height: 1.5;">-</option> </span></p><p style="font-size: 14.6666669845581px;"><span style="font-size: 14.6666669845581px; line-height: 1.5;"><option value="g003">- </span><span style="font-size: 14.6666669845581px; line-height: 1.5;">(서울)(</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">강남구</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">​)</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">​</span><span style="font-size: 14.6666669845581px; line-height: 1.5;">논현동 -</option> </span></p><p style="font-size: 14.6666669845581px;"></select> </p><p style="font-size: 14.6666669845581px;"><span style="font-size: 11pt; line-height: 1.5;"></div> </span></p><p style="font-size: 14.6666669845581px;"><span style="font-size: 11pt; line-height: 1.5;">//onchange 스크립트 생략</span></p><p style="font-size: 14.6666669845581px;"><span style="font-size: 11pt; line-height: 1.5;">

 

현재는 대분류 중분류 소분류 셀렉트가 모두 노출되어 있는 상태인데요.

 

각 분류 선택시 (대분류 > 중분류 > 소분류)

차례로 앞쪽의 엘리먼트가 사라지게 할 수 있을까요?

 

아... 좀더 부연해야 할 것 같은데요.

 

대분류에서 "서울"을 선택하면 대분류 엘리먼트가 사라지면서 중분류 엘리먼트가 나타나고,

중분류에서 "강남구"를 선택하면 중분류 엘리먼트가 사라지면서 소분류 엘리먼트가 나타나는...

 

※ 이때, 중분류는 대분류 특정옵션의 하위항목이어야 하고,

소분류 역시 중분류 특정옵션의 하위항목이어야 합니다.

(위 코드에 참고로 (서울)(강남구)와 같이 표시했습니다.)

 

이렇게 구현 가능한 스크립트가 있으면 추천해 주세요.

도움 주시면 감사하겠습니다. (__) 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
10년 전

http://cafe.naver.com/neloi/422">http://cafe.naver.com/neloi/422 

 

저도 비슷한 이유로 찾아보다가 위 주소에 나온 방법중 두번째 방법을 이용해서

연결 셀렉트 구문을 완성했습니다.

 

#level1과 #level2를 해당하는 여분필드명으로 변경해서 적용해보시면 될것 같습니다.

#wr_1 ,,, #wr_2 등등.

 

http://gnamob.co.kr/bbs/write.php?bo_table=snb">http://gnamob.co.kr/bbs/write.php?bo_table=snb 

위 링크의 기기선택부분을 구현한것입니다.

이런 셀렉트를 찾으시는게 맞으신거죠? ㅎ

 

소스를 드리고 싶으나 매우 복잡혼란하고 챙피해서 못드리겠네요. ㅎ

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

관악꽃
10년 전
뒷집돌쇠님, 감사합니다.
도움 많이 되었습니다.^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인