Automatisch data aanvullen formulier
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)
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)
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
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>
/**
* 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.