Opción OTROS en lista desplegable ¿Cómo?

[hna_no]

Estimados expertos:
Una consulta. Quiero hacer una lista desplegable que tenga la opción Otros. Y cuando le hago clic en OTROS quiero que aparezca o se active una caja de texto para llenar el color que no se encuentre en el listado.
No sé cómo hacerlo. Me podrían ayudar por favor.

<select name="color" id="color">
<option value="Blacks">Blacks</option>
<option value="Blue">Blue</option>
<option value="Browns">Browns</option>
<option value="Chocolate">Chocolate</option>
<option value="Golds">Golds</option>
<option value="Grays">Grays</option>
<option value="Greens">Greens</option>
<option value="Off white / Cream">Off white / Cream</option>
<option value="Oranges">Oranges</option>
<option value="Pinks">Pinks</option>
<option value="Purples">Purples</option>
<option value="Reds">Reds</option>
<option value="Spot">Spot</option>
<option value="Tan/Beige">Tan/Beige</option>
<option value="White">White</option>
<option value="Yellows">Yellows</option>
<option value="Other">Otros</option>
</select>

Gracias por su tiempo,

Nano

[txels]

<select name="color" id="color" onChange="ActivaControl(document.NombreFormulario. SiColorEsOther,this);">
<option value="Blacks">Blacks</option>
<option value="Blue">Blue</option>
<option value="Browns">Browns</option>
<option value="Chocolate">Chocolate</option>
<option value="Golds">Golds</option>
<option value="Grays">Grays</option>
<option value="Greens">Greens</option>
<option value="Off white / Cream">Off white / Cream</option>
<option value="Oranges">Oranges</option>
<option value="Pinks">Pinks</option>
<option value="Purples">Purples</option>
<option value="Reds">Reds</option>
<option value="Spot">Spot</option>
<option value="Tan/Beige">Tan/Beige</option>
<option value="White">White</option>
<option value="Yellows">Yellows</option>
<option value="Other">Otros</option>
</select>
<input type="text" name="SiColorEsOther" style="visibility:hidden;" />


y la funcion:


<script language="javascript" type="text/javascript">
function ActivaControl(ctrl,que){
if (que.value == "Other"){
ctrl.style.visibility= 'visible';
}else{
ctrl.style.visibility= 'hidden';
}
}
</script>


Te lo explico, cuando cambie el select, compruebas y si el valor es Other, pues activas un texto llamado "SiColoresOther" si no lo es lo dejamos invisible de nuevo.

Nota; Así lo puedes hacer seguro y es importante que el formulario se llame "NombreFormulario" o como tu quireas pero cambialo en la llamada a la funciona.

[hna_no]

Hola TXELS:
Gracias por tu respuesta. Está bueno tu código pero sólo hace visible u oculta la caja de texto cuando se elige OTHER.
Mi duda es la siguiente. Si elijo OTHER en el SELECT, se activa La caja de texto que me permitirá digitar el color pero, cuando envío el formulario, el dato que almacena a la base de datos es el del menu SELECT y no el de la caja de texto. Me parece que falta una opción para desactivar el SELECT cuándo está visible la caja de texto.
Podrías decirme si estoy en lo correcto y cómo se solucionaría.

Gracias por tu tiempo.

Na-no

[messer]

Que tal si le pones a tu textfield el nombre del select y el select lo pones disabled, seria algo como esto:

Código HTML:

<script language="javascript">
function cambia(){
var d=document;
d.form.texto1.name="texto2"; //alert("Ahora el nombre del textbox es: "+d.form.texto1.value);
var mm=d.getElementsByTagName("input");
for(i=0; i<mm.length; i++){
alert(mm[i].name)
}
}
function showname(){
var d=document;
alert("El Nombre del campo de texto es: "+d.form.texto2.name+"\nY el valor actual es: "+d.form.texto2.value);
}
</script>
<form name="form">
<input type="text" name="texto1" value="" />
<input type="button" name="cambiaor" value="Cambiar" onclick="cambia()">
<input type="button" name="mostraor" value="Mostrar" onclick="showname()">
</form> 

El codigo es para uso referencial, para que tengas una idea de lo que te sugiero..

Espero lo aproveches, Saludos!!