como hacer que al colocar la opcion Other se abra una casilla donde pueda escribir

[Bastianmonsalve]

este es el codigo

<tr valign="baseline">
<td height="24" align="right" nowrap><div align="left">Special Dietary Info:</div></td>
<td colspan="3"><select name="CODIGO_POSTAL" id="codigo_postal">
<option value="No Special Dietry">No Special Dietry</option>
<option value="Vegetarian">Vegetarian</option>
<option value="No Pork">No Pork</option>
<option value="No Fish">No Fish</option>
<option value="No Crustacean">No Crustacean</option>
<option value="Other">Other</option>
</select></td>

[gjx2]

Eso realmente es un tema de javascript.
Y bueno para que tengas una idea puedes trabajar con el evento onChange del select y llamar una funcion que te tome el valor y luego lo puedas comparar.

Código HTML:

<select name="CODIGO_POSTAL" id="codigo_postal" onChange="capturar(this)">
 
<script type="text/javascript">
function capturar(ele){
 
if (ele.value == 'Other') {
 
// do something....
 
}
 
}
 
</script>
 

Saludos.

[Bastianmonsalve]

sabes estoy parendiendo y no cacho nada por eso como kedaria el codigo listo??

<tr valign="baseline">
<td height="24" align="right" nowrap><div align="left">Special Dietary Info:</div></td>
<td colspan="3"><select name="CODIGO_POSTAL" id="codigo_postal">
<option value="No Special Dietry">No Special Dietry</option>
<option value="Vegetarian">Vegetarian</option>
<option value="No Pork">No Pork</option>
<option value="No Fish">No Fish</option>
<option value="No Crustacean">No Crustacean</option>
<option value="Other">Other</option>
</select></td>

muchas gracias

[gjx2]

De igual forma que tu yo también estoy aprendiendo pero mi unica diferencia es que leo mucho el manual RTFM.

Solo te puedo decir que crees un elemento tipo <textarea> ocultalo por default y muestralo cuando llames a tu funcion de capturar()
eje.

Código HTML:

<textarea id="casilla" style="display:none"></textarea>
 
 
<script type="text/javascript">
    
    
    function capturar(ele)
    {
            var casilla = document.getElementById('casilla'); 
            casilla.style.display = (ele.value == 'Other')?'block':'none';
    }
 
</script>
 

Saludos.