소재지 select 박스 쉽게 사용하기 (시도, 구군, 동) 정보
소재지 select 박스 쉽게 사용하기 (시도, 구군, 동)관련링크
첨부파일
본문
1. 사용방법
(1) sojaeji.js 파일을 외부스크립트로 불러옵니다.
<script type="text/javascript" src="js/sojaeji.js"></script>
(2) select 태그의 id속성을 지정합니다.
<select name="sido2" id="sido2"></select>
<select name="gugun2" id="gugun2"></select>
<select name="dong2" id="dong2"></select>
(3) 연동할 소재지 select박스를 묶어줍니다.
<script type="text/javascript">
new sojaeji('sido2', 'gugun2', 'dong2');
</script>
(4) 주의사항
위 (3)번 코드는 select 태그보다 나중에 나타나야 합니다.
다음 버전에서 이 문제를 수정하겠습니다.
2. 예제코드(sojaeji.html)
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<style type="text/css">
fieldset { padding:10px; margin:10px; }
legend { margin:10px; }
body { font-family:gulim; font-size:12px; }
</style>
<script type="text/javascript" src="js/sojaeji.js"></script>
</head>
<body>
<fieldset>
<legend>주소그룹1</legend>
<select name="sido1" id="sido1"></select>
<select name="gugun1" id="gugun1"></select>
</fieldset>
<fieldset>
<legend>주소그룹2</legend>
<select name="sido2" id="sido2"></select>
<select name="gugun2" id="gugun2"></select>
<select name="dong2" id="dong2"></select>
</fieldset>
<script type="text/javascript">
new sojaeji('sido1', 'gugun1');
new sojaeji('sido2', 'gugun2', 'dong2');
</script>
</body>
</html>
10
댓글 8개
위 (3)번 코드는 select 태그보다 나중에 나타나야 합니다.
다음 버전에서 이 문제를 수정하겠습니다.
이건 해결 안되실겁니다. 원래 뒤에 나와야 스크립이 작동되닌까요.
시도를 선택하고 구군도 수동으로 선택할 수 있나요.
또,
서울전에 시도(또는 선택), 강남구전에 구군(또는 선택) .... 이런 말이 나오게 할 수 있나요.
list.skin.php에서 사용을 하려보니, 하나 하나 선택을 할 필요가 있어서요.
감사합니다.
'시도' : ['서울','부산','대구','인천','광주','대전','울산','강원','경기','경남','경북','전남','전북','제주','충남','충북'],
에서
'시도' : ['선택','서울','부산','대구','인천','광주','대전','울산','강원','경기','경남','경북','전남','전북','제주','충남','충북'],
선택 추가
----밑에 이거 추가---
'선택' : ['선택'],
'시도' : ['선택','서울','부산','대구','인천','광주','대전','울산','강원','경기','경남','경북','전남','전북','제주','충남','충북'],
'선택' : ['선택'],
----이런식으로----
'서울->강남구' : ['개포1동','개포2동','개포4동','개포동','논현1동','논현2동','논현동','대치1동','대치2동','대치4동','대치동','도곡1동','도곡2동','도곡동','삼성1동','삼성2동','삼성동','세곡동','수서동','신사동','압구정동','역삼1동','역삼2동','역삼동','율현동','일원1동','일원2동','일원본동','일원동','자곡동','청담동','무역센터우체국사서함','서울강남우체국사서함','서울영동우체국사서함'],
'선택->선택' : ['선택'],
'서울->강동구' : ['강일동','고덕1동','고덕2동','고덕동','길동','둔촌1동','둔촌2동','둔촌동','명일1동','명일2동','명일동','상일동','성내1동','성내2동','성내3동','성내동','암사1동','암사2동','암사3동','암사동','천호1동','천호2동','천호3동','천호동','서울강동우체국사서함'],
--- 추가 하면 석택 박스 되네요..