main/webapp/inspectData.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>


<t:genericpage>

    <jsp:body>
    
<script>


$(document).ready( function() {
        
        $("#postnr").load("DataInspector?type=postnr");
        
        
        $("#postnr").change( function() {
                var post = $('#postnr').find(":selected").text();
                $("#vejnavn").load("DataInspector?type=vejnavn&postnr=" + post);
                $("#husnr").html("");
                $("#adresse").html("");
        });
        
        $("#vejnavn").change( function() {
                var gadeid = $('#vejnavn').find(":selected").val();
                $("#husnr").load("DataInspector?type=husnr&gadeid=" + gadeid);
                $("#adresse").html("");
        });
        
        $("#husnr").change( function() {
                var gadeid = $('#vejnavn').find(":selected").val();
                var husnr = $('#husnr').find(":selected").text();
                $("#adresse").load("DataInspector?type=adresse&gadeid=" + gadeid + "&husnr=" + husnr);
        });

});


</script>
    
    
  <div class="row">
    <div class="col-sm-3" >
        <h3>Postnr</h3>
        
        <select id="postnr" name="postnr" size=40 style='width: 98%'>
        
        </select>
        
    </div>
    
    <!-- ------------------------------------------  -->
    
    <div class="col-sm-3" >
      <h3>Vasket Vejnavn</h3>
      
        <select id="vejnavn" name="vejnavn" size=40 style='width: 98%'>         
        </select>
        
    </div>
    
    <!-- ------------------------------------------  -->
    
     <div class="col-sm-3" >
      <h3>Husnr/Litra</h3>
          <select id="husnr" name="husnr" size=40 style='width: 98%'>           
          </select>
      
    </div>
    
    <!-- ------------------------------------------  -->
    
    <div class="col-sm-3" >
      <h3>AdresseData</h3>
      <span id="adresse"></span>
    </div>

  </div>


    </jsp:body>
</t:genericpage>
1	<%@page contentType="text/html" pageEncoding="UTF-8"%>
2
3	<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
4
5	<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
6
7
8	<t:genericpage>
9
10	<jsp:body>
11
12	<script>
13
14
15
16	$(document).ready( function() {
17
18	$("#postnr").load("DataInspector?type=postnr");
19
20
21	$("#postnr").change( function() {
22	var post = $('#postnr').find(":selected").text();
23	$("#vejnavn").load("DataInspector?type=vejnavn&postnr=" + post);
24	$("#husnr").html("");
25	$("#adresse").html("");
26	});
27
28	$("#vejnavn").change( function() {
29	var gadeid = $('#vejnavn').find(":selected").val();
30	$("#husnr").load("DataInspector?type=husnr&gadeid=" + gadeid);
31	$("#adresse").html("");
32	});
33
34	$("#husnr").change( function() {
35	var gadeid = $('#vejnavn').find(":selected").val();
36	var husnr = $('#husnr').find(":selected").text();
37	$("#adresse").load("DataInspector?type=adresse&gadeid=" + gadeid + "&husnr=" + husnr);
38	});
39
40	});
41
42
43
44	</script>
45
46
47	<div class="row">
48	<div class="col-sm-3" >
49	<h3>Postnr</h3>
50
51	<select id="postnr" name="postnr" size=40 style='width: 98%'>
52
53	</select>
54
55	</div>
56
57	<!-- ------------------------------------------ -->
58
59	<div class="col-sm-3" >
60	<h3>Vasket Vejnavn</h3>
61
62	<select id="vejnavn" name="vejnavn" size=40 style='width: 98%'>
63	</select>
64
65	</div>
66
67	<!-- ------------------------------------------ -->
68
69	<div class="col-sm-3" >
70	<h3>Husnr/Litra</h3>
71	<select id="husnr" name="husnr" size=40 style='width: 98%'>
72	</select>
73
74	</div>
75
76	<!-- ------------------------------------------ -->
77
78	<div class="col-sm-3" >
79	<h3>AdresseData</h3>
80	<span id="adresse"></span>
81	</div>
82
83	</div>
84
85
86	</jsp:body>
87	</t:genericpage>