Foros del Web » Programando para Internet » Javascript »

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

Estas en el tema de como hacer que al colocar la opcion Other se abra una casilla donde pueda escribir en el foro de Javascript en Foros del Web. 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> ...
  #1 (permalink)  
Antiguo 19/04/2012, 09:28
 
Fecha de Ingreso: abril-2012
Mensajes: 13
Antigüedad: 12 años, 7 meses
Puntos: 0
como hacer que al colocar la opcion Other se abra una casilla donde pueda escribir

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>
  #2 (permalink)  
Antiguo 19/04/2012, 09:38
Avatar de gjx2  
Fecha de Ingreso: agosto-2008
Ubicación: R.D
Mensajes: 1.153
Antigüedad: 16 años, 3 meses
Puntos: 139
Respuesta: como hacer que al colocar la opcion Other se abra una casilla donde pueda

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:
Ver original
  1. <select name="CODIGO_POSTAL" id="codigo_postal" onChange="capturar(this)">
  2.  
  3. <script type="text/javascript">
  4. function capturar(ele){
  5.  
  6. if (ele.value == 'Other') {
  7.  
  8. // do something....
  9.  
  10. }
  11.  
  12. }
  13.  

Saludos.
  #3 (permalink)  
Antiguo 19/04/2012, 09:51
 
Fecha de Ingreso: abril-2012
Mensajes: 13
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: como hacer que al colocar la opcion Other se abra una casilla donde pueda

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
  #4 (permalink)  
Antiguo 19/04/2012, 10:11
Avatar de gjx2  
Fecha de Ingreso: agosto-2008
Ubicación: R.D
Mensajes: 1.153
Antigüedad: 16 años, 3 meses
Puntos: 139
Respuesta: como hacer que al colocar la opcion Other se abra una casilla donde pueda

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:
Ver original
  1. <textarea id="casilla" style="display:none"></textarea>
  2.  
  3.  
  4. <script type="text/javascript">
  5.    
  6.    
  7.     function capturar(ele)
  8.     {
  9.             var casilla = document.getElementById('casilla');
  10.             casilla.style.display = (ele.value == 'Other')?'block':'none';
  11.     }
  12.  

Saludos.

Etiquetas: casilla, opcion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:02.