[JavaScript] Suppression d'Elements

Bonjour,


j'essaye de programmer un petit logiciel en PHP/MySQL-JavaScript.
J'ai un <select> en mode multiple qui m'affiche une première liste.
Lorsque je click sur un des choix, plusieurs infos sont affichées dynamiquement, pas de probleme.
La ou ça coince, c'est que j'aimerai afficher un autre <select> dont les <option> changent dynamiquement.
Le probleme, je n'arrive pas à supprimer les <option> ni le <select>. Donc soit j'ai un nouveau select a chaque click, soit la liste d'option s'allonge à chaque click.

voici le code de la partie à probleme de la fonction.

function afficherDetailFrs(produits){
	
	var oOption, oInner;	
	var oSelect = document.getElementById("choixProduit");
	

	var nomProduits=produits.split('#');    
	var i=0;
	
	for(i;i<nomProduits.length-1;i++)  // -1 car le dernier caractère de "produits" est #
	{
		oOption = document.createElement("option");
		oInner  = document.createTextNode(nomProduits[i]);
		oOption.appendChild(oInner);
		oSelect.appendChild(oOption);

	}
}

<select id=choixProduit multiple="multiple"></select>

Merci d'avance pour votre aide