Problema con new Option en select

[aurson]

Hola,

Estoy con este código que en función del radio seleccionado, carga un array diferente en el select.

Lo que pasa es que si selecciono uno, y luego otro, me los va añadiendo. Y yo quiero que cargue sólo los de la categoría seleccionada. ¿Alguna idea de cómo lo puedo solucionar?

Mil Gracias!!!

Código Javascript:

<script language="JavaScript" type="text/javascript">
 
<!--
 Color = new Array("Elige color", "Rojo", "Negro");
 Refresco = new Array("Elige refresco", "Limonada", "Pepsi");
 Coche = new Array("Elige coche", "BMW", "Mercedes");
 
//-->
//encontrar radio seleccionado
function ValorSeleccionadoBotonRadio(ctrl) {
    for(i=0;i<ctrl.length;i++)
        if(ctrl[i].checked) return ctrl[i].value;
}
 
 
function Resultado() {
var Opcion_Elegida;
var categoria;
    
 
    Opcion_Elegida = ValorSeleccionadoBotonRadio(document.f1.opcion_elegida); 
 
    if (Opcion_Elegida == "color") { categoria = Color; }
    if (Opcion_Elegida == "refresco") { categoria = Refresco; }
    if (Opcion_Elegida == "coche") { categoria = Coche; }
    
 
for (var i=0; i<categoria.length; i++)
{document.f1.s1.options[document.f1.s1.options.length] = new Option(categoria[i], categoria[i]);}
 
}
 
</script>