zuzitsu / UR_Village

Go to a project
Toggle navigation Toggle navigation pinning
이학주
3873b4d8 1 parent a369f291

Update index page

Inline Side-by-side
Showing 1 changed file with 98 additions and 54 deletions
...@@ -2,65 +2,109 @@ doctype html ...@@ -2,65 +2,109 @@ doctype html
2 html 2 html
3 head 3 head
4 title= title 4 title= title
5 - link(rel='stylesheet', href='/stylesheets/style.css') 5 + link(rel='stylesheet', href='stylesheets/style.css')
6 + script(type='text/javascript').
7 + function addressKindChange(e) {
8 +
9 + var xhr = new XMLHttpRequest();
10 + var HttpUrl = "http://openapi.nsdi.go.kr/nsdi/eios/service/rest/AdmService/admDongList.json"; /*URL*/
11 + var parameter = '?' + encodeURIComponent("authkey") +"="+encodeURIComponent("7ded580bb63772d9041202"); /*authkey Key*/
12 + parameter += "&" + encodeURIComponent("admCode") + "=" + encodeURIComponent(`${e.value}`); /* 시도/시군구 코드(5자리) */
13 +
14 + xhr.open('GET', HttpUrl + parameter);
15 + console.log(xhr);
16 + xhr.onreadystatechange = function () {
17 + if (this.readyState == 4) {
18 +
19 + var result = JSON.parse(this.responseText);
20 + var d = [];
21 + var c = [];
22 + for(var i=0; i<result["admVOList"]["admVOList"].length; i++){
23 + d.push(result["admVOList"]["admVOList"][i].lowestAdmCodeNm);
24 + c.push(result["admVOList"]["admVOList"][i].admCode);
25 + }
26 + console.log(c);
27 + var target = document.getElementById("ku");
28 + target.options.length = 0;
29 +
30 + for (x in d) {
31 + var opt = document.createElement("option");
32 + opt.value = c[x];
33 + opt.innerHTML = d[x];
34 + target.appendChild(opt);
35 + }
36 +
37 + }
38 + };
39 + xhr.send();
40 + }
6 body 41 body
7 block content 42 block content
8 img.image(src='/logo.png') 43 img.image(src='/logo.png')
44 +
45 +
9 form(action='/select' method='post' id='location') 46 form(action='/select' method='post' id='location')
10 - select(name="si") 47 + <div class="form-group col-sm-5">
11 - option(value="select") 시 48 + <label for="si">시</label>
12 - option(value="수원시") 수원시 49 + <select class="form-control" id="si" name="si" onchange="addressKindChange(this)">
13 - option(value="성남시") 성남시 50 + <option>시</option>
14 - option(value="의정부시") 의정부시 51 + <option value="41820">가평군</option>
15 - option(value="안양시") 안양시 52 + <option value="41280">고양시</option>
16 - option(value="부천시") 부천시 53 + <option value="41281">고양시 덕양구</option>
17 - option(value="광명시") 광명시 54 + <option value="41285">고양시 일산동구</option>
18 - option(value="평택시") 평택시 55 + <option value="41287">고양시 일산서구</option>
19 - option(value="동두천시") 동두천시 56 + <option value="41290">과천시</option>
20 - option(value="안산시") 안산시 57 + <option value="41210">광명시</option>
21 - option(value="고양시") 고양시 58 + <option value="41610">광주시</option>
22 - option(value="과천시") 과천시 59 + <option value="41310">구리시</option>
23 - option(value="구리시") 구리시 60 + <option value="41410">군포시</option>
24 - option(value="남양주시") 남양주시 61 + <option value="41570">김포시</option>
25 - option(value="오산시") 오산시 62 + <option value="41360">남양주시</option>
26 - option(value="시흥시") 시흥시 63 + <option value="41250">동두천시</option>
27 - option(value="군포시") 군포시 64 + <option value="41190">부천시</option>
28 - option(value="의왕시") 의왕시 65 + <option value="41130">성남시</option>
29 - option(value="하남시") 하남시 66 + <option value="41135">성남시 분당구</option>
30 - option(value="용인시") 용인시 67 + <option value="41131">성남시 수정구</option>
31 - option(value="파주시") 파주시 68 + <option value="41133">성남시 중원구</option>
32 - option(value="이천시") 이천시 69 + <option value="41110">수원시</option>
33 - option(value="안성시") 안성시 70 + <option value="41113">수원시 권선구</option>
34 - option(value="김포시") 김포시 71 + <option value="41117">수원시 영통구</option>
35 - option(value="화성시") 화성시 72 + <option value="41111">수원시 장안구</option>
36 - option(value="광주시") 광주시 73 + <option value="41115">수원시 팔달구</option>
37 - option(value="양주시") 양주시 74 + <option value="41390">시흥시</option>
38 - option(value="포천시") 포천시 75 + <option value="41270">안산시</option>
39 - option(value="여주시") 여주시 76 + <option value="41273">안산시 단원구</option>
77 + <option value="41271">안산시 상록구</option>
78 + <option value="41550">안성시</option>
79 + <option value="41170">안양시</option>
80 + <option value="41173">안양시 동안구</option>
81 + <option value="41171">안양시 만안구</option>
82 + <option value="41630">양주시</option>
83 + <option value="41830">양평군</option>
84 + <option value="41670">여주시</option>
85 + <option value="41800">연천군</option>
86 + <option value="41370">오산시</option>
87 + <option value="41460">용인시</option>
88 + <option value="41463">용인시 기흥구</option>
89 + <option value="41465">용인시 수지구</option>
90 + <option value="41461">용인시 처인구</option>
91 + <option value="41430">의왕시</option>
92 + <option value="41150">의정부시</option>
93 + <option value="41500">이천시</option>
94 + <option value="41480">파주시</option>
95 + <option value="41220">평택시</option>
96 + <option value="41650">포천시</option>
97 + <option value="41450">하남시</option>
98 + <option value="41590">화성시</option>
99 + </select>
100 + </div>
101 + <div class="form-group col-sm-4">
102 + <label for="ku">동</label>
103 + <select class="form-control" id="ku" name="ku">
104 + <option>선택해주세요.</option>
105 + </select>
106 + </div>
40 107
41 - select(name="ku")
42 - option(value="select") 구
43 - option(value="장안구") 장안구
44 - option(value="권선구") 권선구
45 - option(value="팔달구") 팔달구
46 - option(value="영통구") 영통구
47 - option(value="수정구") 수정구
48 - option(value="중원구") 중원구
49 - option(value="분당구") 분당구
50 - option(value="만안구") 만안구
51 - option(value="동안구") 동안구
52 - option(value="원미구") 원미구
53 - option(value="소사구") 소사구
54 - option(value="오정구") 오정구
55 - option(value="상록구") 상록구
56 - option(value="단원구") 단원구
57 - option(value="덕양구") 덕양구
58 - option(value="일산동구") 일산동구
59 - option(value="일산서구") 일산서구
60 - option(value="처인구") 처인구
61 - option(value="기흥구") 기흥구
62 - option(value="수지구") 수지구
63 input(type ='submit') 108 input(type ='submit')
64 109
65 110
66 -
...\ No newline at end of file ...\ No newline at end of file
......