Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/03/2013, 02:46
guillegm
 
Fecha de Ingreso: agosto-2007
Mensajes: 44
Antigüedad: 17 años, 5 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