dApp/index.html at master · OpenHackTeam6/dApp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery scroll-navigation Plugin Demo</title>
    <style>
    #container { max-width:640px; margin:70px auto;  color:black;}
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
    <script>
      $(document).ready(function() {
      $('.js-example-basic-multiple').select2();
    });</script>
    <link rel="stylesheet" href="style_all.css"/>
</head>
<body>
  <div id="container" class="scrollNavData">
    <div id="header">
        <ul id="tabs" class='nav'>
          <li><a href="#i1" id="navAactive">기관 선택</a></li>
          <li><a href="#i2">비밀번호 입력</a></li>
          <li><a href="#i3">전송</a></li>
          <li><a href="#i4">확인 및 알림</a></li>
        </ul>
    </div>
    <div class="contentsContainer">
      <div class="contentsHeader">
        <h2>주민등록표등본 전송</h2>
        <!--<button id="btn" > + 문서추가</button>-->
        <p>이영진님, 선택하신 문서를 공공기관으로 전송합니다.<br>어떤 문서를 어디로 전송할까요?</p>
      </div>
      <div class="findDocs">
        <select class="js-example-basic-multiple" name="states[]" multiple="multiple">
          <option value="AL" style="line-height: 32px;">Alabama</option>
          <option value="WY">Wyoming</option>
        </select>
      </div>
      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    </div>
    <div id="selected_value" class="selected_value">선택 기관: </div>
    <div class="subtitle"><p>기관분류</p></div>
      <form name="form" method="post" action="confirm.php">
      <select class="orgList1" name="test" onchange="changes(document.form.test.value)" size="15">
        <option value="1">경찰청</option>
        <option value="2">관세청</option>
      </select>
      <select class="orgList2" multiple onchange="selects(document.form.test2.value)" name="test2" size="15">
        <option>--소분류입니다--</option>
      </select>
    <div class="contentsBottom">
      <button class="btn_prev"
      onclick="location.href='status.html'" disabled>
      이전</button>
      <button class="btn_next"
      onclick="location.href='status.html'">다음
      </button>
    </div>
  </div>

</form>

    <script type="text/javascript">
      function changes(fr) {
        if(fr==1) {
        //뿌려줄값을 배열로정렬
        num = new Array("강원지방경찰청", "경기남부지방경찰청", "경기북부지방경찰청","경남지방경찰청","경북지방경찰청","전남지방경찰청","전북지방경찰청","인천지방경찰청","충남지방경찰청");
        vnum = new Array("강원지방경찰청", "경기남부지방경찰청", "경기북부지방경찰청","경남지방경찰청","경북지방경찰청","전남지방경찰청","전북지방경찰청","인천지방경찰청","충남지방경찰청");
        } else if(fr==2) {
          num = new Array("2)첫번째목록","2)두번째목록","2)세번째목록");
        vnum = new Array("1","2","3");
        }
        // 셀렉트안의 리스트를 기본값으로 한다..
      for(i=0; i<form.test2.length; i++) {
        form.test2.options[0] = null;
      }
        //포문을 이용하여 두번째(test2)셀렉트 박스에 값을 뿌려줍니당)
      for(i=0;i < num.length;i++) {
        document.form.test2.options[i] = new Option(num[i],vnum[i]);
      }
    }

    function selects(selectedValue) {
      console.log(selectedValue)
      document.getElementById("selected_value").innerHTML = "<span style='color:#9B9B9B;'>선택 기관: </span>" + selectedValue + "<span onclick='deletes()' style='color:#759AC5;'> X </span>";
    }

    function deletes() {
      document.getElementById("selected_value").innerHTML = "<p style='color:#9B9B9B;'>선택 기관:</p>";
    }
    </script>
    <script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-36251023-1']);
_gaq.push(['_setDomainName', 'jqueryscript.net']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>
</body>
</html>