1.  
2. // weboldal betöltésekor
3. $( document ).ready(function() {
4.    
5.     // országok betöltése, select indítása "válasszon" elemmel
6.     $('#orszagselect').append($('<option>').text("Válasszon"));
7.     $.ajax({
8.         url:'felsofoku.php',
9.         type:'POST',
10.         data: 'op=orszag',
11.         dataType: 'json',
12.         success: function( json ) {
13.             $.each(json.lista, function(i, value) {
14.                 //console.log(json.lista);
15.                 $('#orszagselect').append($('<option>').text(value.nev).attr('value', value.id));
16.             });
17.         }
18.     });
19.    
20.     // ország választása esetén városok betöltése
21.     $("#orszagselect").change(function() {
22.         var id = $("#orszagselect").val();
23.         $("#varosselect").find('option').remove();
24.         $('#varosselect').append($('<option>').text("Válasszon"));
25.         $("#intezmenyselect").find('option').remove();
26.         $.ajax({
27.             url:'felsofoku.php',
28.             type:'POST',
29.             data: { op : "varos", id : id },
30.             dataType: 'json',
31.             success: function( json ) {
32.                 $.each(json.lista, function(i, value) {
33.                     //console.log(json.lista);
34.                     $('#varosselect').append($('<option>').text(value.nev).attr('value', value.id));
35.                 });
36.             }
37.         });
38.     });
39.    
40.     // város választása esetén intézmények betöltése
41.     $("#varosselect").change(function() {
42.         var id = $("#varosselect").val();
43.         $("#intezmenyselect").find('option').remove();
44.         $('#intezmenyselect').append($('<option>').text("Válasszon"));
45.         $.ajax({
46.             url:'felsofoku.php',
47.             type:'POST',
48.             data: { op : "intezmeny", id : id },
49.             dataType: 'json',
50.             success: function( json ) {
51.                 $.each(json.lista, function(i, value) {
52.                     //console.log(json.lista);
53.                     $('#intezmenyselect').append($('<option>').text(value.nev).attr('value', value.id));
54.                 });
55.             }
56.         });
57.     });
58.    
59.     // intézmény kiválasztása esetén részletek betöltése
60.     $("#intezmenyselect").change(function() {
61.         var id = $("#intezmenyselect").val();
62.         $.ajax({
63.             url:'felsofoku.php',
64.             type:'POST',
65.             data: { op : "info", id : id },
66.             dataType: 'json',
67.             success: function( json ) {
68.                 $("#nev").text(json.nev);
69.                 $("#cim").text(json.cim);
70.                 $("#tel").text(json.tel);
71.                 $("#mail").text(json.email);
72.             }
73.         });
74.     });
75.    
76. });