Outils de recherche et référencement

<script type="text/javascript" src="ajax.form.js"></script>

            <form action="" id="proposer">
                <label for="cat">Cat&eacute;gorie :</label> 
                <select name="cat" id="cat" onchange="get_sscats(this.form)">
                    <option value="0" selected="selected">-----------</option>
                    <option value="1">Bateau à moteur</option>
                    <option value="2">Voilier</option>
                </select>
                
                <br />

                <label for="sscat">Sous-cat&eacute;gorie :</label>
                <select name="sscat" id="sscat">
                    <option value="0" selected="selected">-----------</option>
                </select>
            </form>

function get_sscats(f) {
var l1    = f.elements["cat"];
var l2    = f.elements["sscat"];
var index = l1.selectedIndex;
if(index < 1)
   l2.options.length = 0;
else {
   var xhr_object = null;
    
   if(window.XMLHttpRequest) // Firefox
      xhr_object = new XMLHttpRequest();
   else if(window.ActiveXObject) // Internet Explorer
      xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
   else { // XMLHttpRequest non supporté par le navigateur
      alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest.");
      return;
   }

   xhr_object.open("POST", "getsscats.php", true);
    
   xhr_object.onreadystatechange = function() {
      if(xhr_object.readyState == 4)
         eval(xhr_object.responseText);
   }
   
   if(xhr_object.readyState < 4) { 
        var o = null;
        var s = document.forms["proposer"].elements["sscat"];
        s.options.length = 0;
        s.options[s.options.length] = new Option("Chargement des sous-catégories...", "0");
    }

   xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   var data = "id="+escape(l1.options[index].value)+"";
   xhr_object.send(data);
}
}

<?php
header('Content-type: text/html; charset=iso-8859-1');
echo 'var o = null;';
echo 'var s = document.forms["proposer"].elements["sscat"];';
echo 's.options.length = 0;';
echo 's.options[s.options.length] = new Option("-----------", "0");';
if($_POST['id']=='1'){ // on affiche les sous-catégories de Bateau à moteur
echo 's.options[s.options.length] = new Option("open", "1");';
echo 's.options[s.options.length] = new Option("fly", "2");';
}

elseif($_POST['id']=='2') { // on affiche les sous-catégories de Voilier
echo 's.options[s.options.length] = new Option("sloop", "3");';
echo 's.options[s.options.length] = new Option("deriveur", "4");';
}
?>