소재지 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>
댓글 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동','천호동','서울강동우체국사서함'],
--- 추가 하면 석택 박스 되네요..
[http://sir.kr/data/editor/1905/f2c4ff5565172e2ea228d4b6be0c6b61_1556767270_9625.png]
게시판 목록
그누4 팁자료실
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3309 | 3년 전 | 1803 | ||
| 3308 | 11년 전 | 2091 | ||
| 3307 |
uPAmJ903
|
6년 전 | 4750 | |
| 3306 |
바른사나이
|
6년 전 | 3273 | |
| 3305 | 6년 전 | 12306 | ||
| 3304 | 7년 전 | 3703 | ||
| 3303 | 7년 전 | 3742 | ||
| 3302 |
지리산초보
|
7년 전 | 13597 | |
| 3301 |
sozet
|
8년 전 | 4903 | |
| 3300 |
sozet
|
8년 전 | 5972 | |
| 3299 |
sozet
|
8년 전 | 10862 | |
| 3298 | 8년 전 | 4015 | ||
| 3297 |
또치하우스
|
8년 전 | 4442 | |
| 3296 | 8년 전 | 11971 | ||
| 3295 |
또치하우스
|
8년 전 | 14985 | |
| 3294 | 8년 전 | 6025 | ||
| 3293 | 8년 전 | 5587 | ||
| 3292 |
 bluells |
9년 전 | 5317 | |
| 3291 | 9년 전 | 13677 | ||
| 3290 | 9년 전 | 5052 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기