Master - detail AJAX select boxes - AJAX server side script

Home - Tutorials - AJAX basic tutorials

In this tutorial I will present you how to create a master - detail select box in your forms. Select one item from the master field and the details will be filled accordingly to your selection.

Tutorial info:

Bookmark Master - detail AJAX select boxes

Step 3 - AJAX server side script

Master - detail AJAX select boxes

The server side script is responsible for reading the information from the $_GET array and regarding this send back the properly formatted response string. In this example we use simple hard coded values but of course here you can make a database call as well.

The code is very simple:

Code: 
<?php 
  if (isset($_GET['brand'])){
    switch($_GET['brand']){
      case 'Audi' :
        echo "A3-1;A4-2;A6-3;A8-4";
        break;
      case 'BMW' :
        echo "320-1;520-2;630-3;745-4";
        break;
      case 'Mercedes' :
        echo "A180-1;C200-2;E320-3;S500-4";
        break;
      case 'Lexus' :
        echo "IS200-1;GS300-2;LS600-3";
        break;
    }
  }
?>
AJAX F1

And now we are ready!

On the next page you can find the complete client side code. 

Tags: ajax select box, ajax master detail, master detail select box