From aryx, 2 Years ago, written in JavaScript.
Embed
  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. });