remplir un select

Bonjour,

je cherche a faire une gestion de produits pour mon site avec catégorie, sous catégorie et produits, pour cela 3 select (n'etant pas dans un formulaire vu qu'il n'y a pas de bouton et que le select sous catégorie se remplis au moment ou on a choisi la catégorie et idem pour le produit avec les sous catégorie, bref truc simple quand on commence a comprendre bien xmlhttprequest, cependant j'ai un petit problème, ma page php renvoi a chaque sous catégorie trouvé le code suivant:

echo "<option>$scat</option>"

et je fais cela pour le mettre dans le select
  // On ne fait quelque chose que si on a tout reçu et que le serveur est ok
     if(xhr.readyState == 4 && xhr.status == 200)
     {
     //recupération des valeurs et affichage dans le select des sous catégories
     val = xhr.responseText;
     document.getElementById('scategorie').innerHTML = val;
     //affichage du code envoyé dans un div
     div.style.display = "block";
     div.innerHTML = val;
     }


si je fais dans ma page php un htmlentities sur chaque echo j'obtiens bien des <option> avec les valeurs remplis, mais si j'enleve cet htmlentities cela ne rempli pas mon select pour mes sous catégories...

Pourquoi cela?
Merci d'avance.

C'est assez simple d'ajouter une option à un select. On peut la mettre n'importe où, sous la forme :

new Option(texte, valeur, defaultSelected, selected);

Soit a = new Option("toto","", false, true);

et document.forms[0].choix.options[3]=a;
par exemple.