Foros del Web » Programando para Internet » Javascript »

Mostrar la primera letra de un input en otro

Estas en el tema de Mostrar la primera letra de un input en otro en el foro de Javascript en Foros del Web. Hola, tengo dos input y un checkbox y en el segundo input debe aparecer la primera letra del primero en minúscula pero si pulso el ...
  #1 (permalink)  
Antiguo 09/07/2011, 04:11
Avatar de legomolina  
Fecha de Ingreso: junio-2011
Ubicación: Valencia
Mensajes: 165
Antigüedad: 12 años, 10 meses
Puntos: 3
Mostrar la primera letra de un input en otro

Hola,
tengo dos input y un checkbox y en el segundo input debe aparecer la primera letra del primero en minúscula pero si pulso el checkbox esto no debe funcionar y en el 2º input debe aparecer 'pm'. Muchas gracias por las respuestas por anticipado
  #2 (permalink)  
Antiguo 09/07/2011, 07:12
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Mostrar la primera letra de un input en otro

Debes usar el evento onchange del checkbox, comprobar si está marcado o no, y asignarle al segundo la primera letra del primero (con substr) o "pm".
Saludos (:
PD: Antes de que preguntes, no, no te voy a dar el código ni tengo ningún ejemplo por ahí hecho, pero estaré encantado de responder a tus dudas.
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 09/07/2011, 08:58
Avatar de legomolina  
Fecha de Ingreso: junio-2011
Ubicación: Valencia
Mensajes: 165
Antigüedad: 12 años, 10 meses
Puntos: 3
Respuesta: Mostrar la primera letra de un input en otro

Gracias por la respuesta.
Ya lo he solucionado, pero ahora quiero que esa letra esté en minúscula. Aquí te dejo el código:
Código Javascript:
Ver original
  1. <script>
  2. function letra() {
  3. var check=document.getElementById('pm');
  4. var input1=document.getElementById('nombre');
  5. var input2=document.getElementById('letra');
  6. if(check.checked)
  7.     input2.value='pm';
  8. else {
  9.     if(!check.checked)
  10.         input2.value='';
  11.        
  12.     if(input1.value!='') {     
  13.         cadena=new String(input1.value);
  14.         input2.value=cadena.substring(0,1);
  15.     }
  16. }
  17.    
  18. }
  19.  
  20. </script>


Código HTML:
<form action="..." method="post">
<input type="text" name="nombre" id="nombre" maxlength="100" size="30" onchange="letra();" /><br />
<input type="text" name="letra" id="letra" maxlength="2" size="1" />
<input type="checkbox" name="pm" id="pm" onchange="letra();" />
</form> 

Etiquetas: checkbox, input, letra, primera
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 17:23.