Menù a tendina concatenati

[Giacca]

Ciao a tutti ragazzi...
Sono nuovissimo di questo forum..e vi saluto innanzitutto:byebye:

Vi scrivo perchè ho un assoluto bisogno del vostro aiuto!!
Premetto di non intendermi molto di pc, e meno che meno di ajax..ma devo realizzare un sito web per un esame dell'università che ha tra i requisiti quello di usare un applicazione in questo linguaggio..

Ora vi spiego il mio problema..
Devo realizzare un form a tendina, che partendo da valori di partenza, mi dia come risultato un nuovo label a seconda della scelta (onreadystatechange).
Fin qui tutto ok..
Il problema è che voglio che mi appaia un altro label solamente se la prima scelta è "autore", mentre se è "titolo" non voglio che succeda nulla..
Con il codice che ha scritto io (e che devo mantenere abbastanza simile a quello datoci dal prof), succede che io veda tutti e tre i menù anche se la prima scelta è "titoli"..
Come posso fare..????
So che magari è una stupidata ma non so che fare

Questo è il codice..

<script>
 function setXMLHttpRequest() {
       var xhr = null;
       // browser standard con supporto nativo
       if (window.XMLHttpRequest) {
         xhr = new XMLHttpRequest();
       }
       else if (window.ActiveXObject) {
         xhr = new ActiveXObject("Microsoft.XMLHTTP");
       }
       return xhr;
     }

     var xhrObj = setXMLHttpRequest();

     function populateList() {
       var par = document.forms[0].elements[0].value;
       var url = 'leggi.php?par=' + par;
       xhrObj.open('GET', url, true);
       xhrObj.onreadystatechange = getRicerca;
       xhrObj.send(null);
     }

     function getRicerca() {
       if(xhrObj.readyState == 4 && xhrObj.status == 200) {
         document.getElementById('risultati').innerHTML = "<label for='risultati'>Scelgi:</label><select id='risultato' class='text' name='risultato'>" + xhrObj.responseText + "</select>";
       }
       else {
         document.getElementById('risultati').innerHTML = 'Errore: ricerca fallita!';
       }
     };

     function populateList2() {
       var aut = document.forms[0].elements[1].value;
       var url = 'leggi2.php?aut=' + aut;
       xhrObj.open('GET', url, true);
       xhrObj.onreadystatechange = getArticolo;
       xhrObj.send(null);
     }

     function getArticolo() {
       if(xhrObj.readyState == 4 && xhrObj.status == 200) {
         document.getElementById('articoli').innerHTML = "<label for='articoli'>Scelgi:</label><select id='articolo' class='text' name='articolo'>" + xhrObj.responseText + "</select>";
       }
       else {
         document.getElementById('articoli').innerHTML = 'Errore: ricerca fallita!';
       }
     }
</script><FORM METHOD="GET" ACTION="articolo_leggi.php">
 <p align="center">
  <label for="parametri">Cerca:</label>
  <select id="par" class="text" name="par" onchange="populateList()">
    <option value="">Seleziona un criterio</option>
    <option id="autore" value="autore">Autore</option>
    <option id="titolo" value="titolo">Titolo</option>
      </select>
  </p>
  <p align="center" id="risultati" name="risultati" onchange="populateList2()">
   </p>
    <P align="center" id="articoli">
   </p>
  <P align="center">
  <INPUT TYPE="Submit" VALUE="Leggi">
 </P>
</FORM>

Aiutatemi...please..:dipser: