2 listes déroulantes qui sont liées ?

Bonjour,

Je voudrais lier 2 listes déroulantes entres elles.

Voir cette exemple : http://jmolline.free.fr/regions/

Voici mon code (PHP) :

// Construction de ma 1ére liste déroulante
$database->setQuery("SELECT id, name FROM #__marketplace_types WHERE published='1' ORDER BY sort_order");

$rows_type = $database->loadObjectList();

echo "<select class='marketplace' id='ad_type' name='ad_type'>";
foreach( $rows_type as $rowtype) {
echo "<option value='$rowtype->id'>$rowtype->name</option>";
}
echo "</select>";

echo "   ";


// Construction de la 2éme liste déroulante :
$database->setQuery("SELECT id, parent, name FROM #__marketplace_categories WHERE published='1' AND has_entries>'0' AND id_type_parent=".$rows_type->id." ORDER BY parent ASC, sort_order ASC");
$rows = $database->loadObjectList();

echo "<select class='marketplace' name='category'>";

$afCounter=0;
$OptGroup = 0; // Preset Optgroup
foreach($rows as $row) {




}
echo "</select>";



J'ai essayé via plusieurs exemples mais je n'ai pas réussi à le faire fonctionner (PHP, javascript ...).

Pouvez- vous m'aider svp ?