Problemas con una función

[juglar]

Buenas a todos, tengo un formulario con un campo despegable en el cual si selecciono un item me aparece un campo a su derecha y eligo otro item, me aparece otro item. Lo he podido hacer en javascript pero con mucho código, he pensado optimizarlo de la siguiente manera, pero no me sale.
DECLARO LA FUNCION

<script language="JavaScript">

function seleccion(){

if (document.getElementById("variacion").value==""){

var mifecha="";
return var mifecha;

}

else if(document.getElementById("variacion").value=="al ta"){

var mifecha="aquí vendría el chorizo del código del input fecha de alta";
return var mifecha;


}

else if(document.getElementById("variacion").value=="ba ja"){

var mifecha="aquí vendría el chorizo del código del input fecha de baja";
return var mifecha;
}
else if(document.getElementById("variacion").value=="Ra zón de uso y Depositorio"){

var mifecha="";
return var mifecha;
}
}

</script>


Luego dentro del formulario lo he llamado de la siguiente manera:

<td class="ppal" colspan="2">fechas:</td>
<td class="ppal" colspan="2" >
<select name="variacion" onclick="seleccion()">
<option value="" ></option>
<option value="alta">Alta</option>
<option value="baja">Baja</option>
<option value="En uso">En uso</option>
</select>

</td>
<td class="ppal" colspan="4" ><script>document.write(seleccion());</script>

No me sale, tampoco controlo mucho el javascript, a ver si me podéis ayudar, como véis lo que quiero es que cuando un usuario elija un item de la lista despegable, le salga a la derecha el campo según haya elegido.

Como he comentado antes lo he conseguido pero poniendo muchas lineas utilizando hidden y pienso que puedo hacerlo de esta manera mejor.

Gracias.

[David]

Mejor usa innerHTML en lugar de document.write(). Le asignas un id a la celda (td) y le cambias el contenido así:

Código Javascript:

document.getElementById("id_de_celda").innerHTML = seleccion();
 

Además, tu función la puedes organizar mejor usando una structura switch:

Código Javascript:

switch (document.getElementById("variacion").value) {
    case "alta":
        mifecha = "...";
        break;
    case "baja":
        mifecha = "...";
        break;
}
return mifecha;
 

[juglar]

Hola David, gracias por la aportación, lo he probado pero me dice que mifecha no está definida.
<script language="JavaScript">

function seleccion(){

switch (document.getElementById("variacion").value) {
case "alta":
mifecha = "alta";
break;
case "baja":
mifecha = "baja";
break;
}
return mifecha;


}


</script>

¿El "id_de_celda" que función hace?

Gracias por todo.

[David]

Le asignas un id a la celda (<td id="unid">) y ese id lo colocas en document.getElementById("aquí_el_id").innerHTML = seleccion();