Automatisch data aanvullen formulier

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Joni Fleischer
Moderator

Joni Fleischer

30/01/2013 22:23:32
Quote Anchor link
Hallo allemaal,

Ik heb de welbekende vraag over het auto invullen van adres bij een postcode.

Ik heb een database tot mijn beschikking waar ik die gegevens vandaan haal.
Nu moet ik deze automatisch in laten vullen na het invullen van een postcode.

Hier heb ik dus geen idee van hoe dat moet.
De data die ik tot mijn beschikking heb via postcode.php:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<script>
var JSONObject = {
  "plaats":"<?php echo $data['plaats']; ?>",
  "straat":"<?php echo $data['adres']; ?>",
  "provincie":"<?php echo $data['provincie']; ?>"};  
</script>


Nu moet ik dus in registreren.php een code hebben die mijn Woonplaats, adres en provincie invult.

Weet iemand een script die kan, of kan iemand zo'n script posten?
Ik heb nu het onderstaande, maar dat werkt dus niet.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
<script>
            /**
            * een soort autocomplete voor postcode.
            */
            $(document).ready(function($) {
              var delay = 500;
              var t = null; // wordt een timer.  
              // elementen cachen
              var postcode_input = $('input[name=postcode]');
              var plaats_input = $('input[name=plaats]');
              var adres_input = $('input[name=adres]');
              
              // events.
              postcode_input.keyup(postcode_changed);
              postcode_input.change(postcode_changed);
              postcode_input.blur(postcode_changed);
              
              /**
              *  Pas na een bepaalde tijd inactiviteit, wordt er actie ondernomen
              *  Dit is vrij gebruikelijk bij autocomplete ...
              */
              function postcode_changed(e) {
                if (t) {
                  clearTimeout(t);
                }
                t = setTimeout(postcode_get_data, delay);
              }
              /**
              *  JSON data ophalen bij "De Post"
              */
              function postcode_get_data() {
                $.ajax({
                  url: 'inc/postcode.php',
                  type: 'POST',
                  data: {postcode: postcode_input.val()},
                  success: function(message) {
                    // deze functie moet nog worden aangepast, naar de specifieke noden ...
                    var data = eval(message)[0];
                    plaats_input.val(data.plaats);
                    postcode_input.val(data.postcode);
                  }
                });
              }
            });
            </script>
Gewijzigd op 30/01/2013 22:25:03 door Joni Fleischer
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.