Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] mejorar código llenar campos javascript ya operativo

Estas en el tema de mejorar código llenar campos javascript ya operativo en el foro de Javascript en Foros del Web. Hola compañeros, he hecho el siguiente codigo javascript, es muy básico puesto que soy un profano total, y pese a que es operativo me gustaria ...
  #1 (permalink)  
Antiguo 07/03/2013, 02:46
 
Fecha de Ingreso: agosto-2007
Mensajes: 44
Antigüedad: 16 años, 8 meses
Puntos: 0
mejorar código llenar campos javascript ya operativo

Hola compañeros, he hecho el siguiente codigo javascript, es muy básico puesto que soy un profano total, y pese a que es operativo me gustaria que le echáseis un vistazo a ver si se puede mejorar y de que manera:
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.            function llenar_campos(){
  3.             if (document.getElementById("campo1").value=='1')
  4.                     {
  5.                     document.getElementById("campo2").value='Martinez';
  6.                     document.getElementById("campo3").value='1241234124A';
  7.                     document.getElementById("campo4").value='+34 91 784525';
  8.                     }
  9.            
  10.             else if (document.getElementById("campo1").value=='2')
  11.                     {
  12.                     document.getElementById("campo2").value='Capdevila';
  13.                     document.getElementById("campo3").value='90889089G';
  14.                     document.getElementById("campo4").value='+34 93 879465';
  15.                     }
  16.             else {
  17.                     document.getElementById("campo2").value='';
  18.                     document.getElementById("campo3").value='';
  19.                     document.getElementById("campo4").value='';
  20.                    
  21.             }
  22.                
  23.                             }
  24.     </script>
Código HTML:
Ver original
  1. <form id="formulario" name="formulario" action="">
  2.        
  3.           <select name="campo1" id="campo1" onChange="llenar_campos()">
  4.             <option selected></option>
  5.             <option value="1">Madrid</option>
  6.             <option value="2">Barcelona</option>
  7.             <option value="3">Libre elección</option>
  8.           </select>
  9.  
  10.         <label>Nombre:      
  11.           <input type="text" id="campo2">
  12.        
  13.           <label>Teléfono:
  14.          <input type="text" id="campo3">
  15.           </label>
  16.    
  17. <label>NIF:
  18.           <input type="text" id="campo4">
  19.          
  20.       </form>
PD: Nótese que cuando selecciono la tercera o la primera opción no puedo escribir en el campo teléfono (campo3)y nif (campo4).
Un saludo
  #2 (permalink)  
Antiguo 07/03/2013, 07:53
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: mejorar código llenar campos javascript ya operativo

todo es susceptible de mejora. por ejemplo pasarle a la función el valor de la opción seleccionada. para rellenar los controles, los datos lo puedes insertar en un objeto, recorrerlo e insertarlo en los controles
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}

Etiquetas: campos, formulario
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 04:46.