Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/03/2013, 13:36
karma274
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 11 años, 7 meses
Puntos: 1
Llenar un input con el valor de otros elementos...

Buenas, pasa que he creado una tabla con campos de formulario y con los valores de estos quiero llenar otro, lo que quiero es "sumar" los values para crear una cadena direccion(geografica) y enviarla a la base de datos. Tengo la funcion ya hecha pero no se ejecuta me gustaria su colaboracion con este lio.

Código Javascript:
Ver original
  1. <script>
  2.     function dirprop(){
  3.         var dir = document.getElementById ("dirprop").value;
  4.         var tipvia = document.getElementById ("dirprop_tipovia").value;
  5.         var numvia = document.getElementById ("dirprop_numvia").value;
  6.         var apevia = document.getElementById ("dirprop_apevia").value;
  7.         var orivia = document.getElementById ("dirprop_orivia").value;
  8.         var numcrz = document.getElementById ("dirprop_numcruce").value;
  9.         var apecrz = document.getElementById ("dirprop_apecruce").value;
  10.         var oricrz = document.getElementById ("dirprop_oricruce").value;
  11.         var numplaca = document.getElementById ("dirprop_numplaca").value;
  12.         var comp = document.getElementById ("dirprop_complemento").value;
  13.        
  14.         dir = tipvia + ' ' +numvia;
  15.         if(trim(apevia)!=''){
  16.             dir = dir + apevia;
  17.         }
  18.         if(trim(orivia)!=''){
  19.             dir = dir + ' ' + orivia;
  20.         }
  21.         if(trim(numcrz)!=''){
  22.             dir = dir + ' # ' + numcrz;
  23.         }
  24.         if(trim(apecrz)!=''){
  25.             dir = dir + apecrz;
  26.         }
  27.         if(trim(oricrz)!=''){
  28.             dir = dir + ' ' + oricrz;
  29.         }
  30.         if (trim(numplaca)!='') {
  31.             dir = dir + ' ' + numplaca;
  32.         }
  33.         if (trim(comp)!='') {
  34.             dir = dir + ' ' + comp;
  35.         }
  36.        
  37.         document.getElementById("dirprop").value = dir;
  38.     }
  39. </script>

Código HTML:
Ver original
  1. <table align="center" width="95%">
  2.                     <tr>
  3.                         <td width="25%" align="right">
  4.                             <b>DIRECCI&Oacute;N PROPIETARIO&nbsp;</b></td>
  5.                         <td width="75%" align="left">
  6.                         <input  type="text" id="dirprop" name="dirprop" value="" size="60" maxlength="128">
  7.                         </td>
  8.                     </tr>
  9.                 </table>
  10.                 <center><table width="700px" border="0">
  11.                     <tr width="100%"><td width="90px">Vía</td>
  12.                         <td width="40px">Num</td>
  13.                         <td width="50px">Apend.</td>
  14.                         <td width="60px">Orient.</td>
  15.                         <td width="40px">CON </td>
  16.                         <td width="40px">Num.</td>
  17.                         <td width="50px">Apend.</td>
  18.                         <td width="60px">Orient.</td>
  19.                         <td width="40px">Placa</td>
  20.                         <td width="80px">Comple.</td>
  21.                     </tr>
  22.                     <tr width="100%">
  23.                         <td width="90px">
  24.                             <select id="dirprop_tipovia" name="dirprop_tipovia" value="" align="left" onChange="dirprop()">
  25.                                 <option value=''></option><option value= ></option><option value='AK'>Avenida Carrera</option><option value='AUT'>Autop.</option>
  26.                                 <option value='AV'>Avenida</option><option value='BLV'>Boulevar</option><option value='CAR'>Carretera</option><option value='CEL'>Célula</option>
  27.                                 <option value='CIR'>Circular</option><option value='CL'>Calle</option><option value='CR'>Carrera</option><option value='CRV'>Circunv.</option>
  28.                                 <option value='DG'>Diagonal</option><option value='HC'>Hacienda</option><option value='PJ'>Pasaje</option><option value='TO'>Torre</option>
  29.                                 <option value='TV'>Transver.</option><option value='URB'>Urbaniz.</option><option value='VTE'>Variante</option>
  30.                             </select>
  31.                         </td>
  32.                         <td width="40px">
  33.                             <input  type="text" id="dirprop_numvia" name="dirprop_numvia" value="" size="3" maxlength="3" onChange="dirprop"></td>
  34.                         <td width="50px">
  35.                             <select id="dirprop_apevia" name="dirprop_apevia" value="" align="left" onChange="dirprop">
  36.                                 <option value=''></option><option value= ></option><option value='A'>A</option><option value='AA'>AA</option><option value='AB'>AB</option>
  37.                                 <option value='B'>B</option><option value='BB'>BB</option><option value='C'>C</option><option value='CC'>CC</option><option value='D'>D</option>
  38.                                 <option value='DD'>DD</option><option value='E'>E</option><option value='F'>F</option><option value='G'>G</option><option value='H'>H</option>
  39.                                 <option value='I'>I</option><option value='J'>J</option><option value='K'>K</option><option value='L'>L</option><option value='M'>M</option>
  40.                                 <option value='N'>N</option><option value='O'>O</option><option value='P'>P</option><option value='Q'>Q</option>
  41.                             </select>
  42.                         </td>
  43.                         <td width="60px">
  44.                             <select id="dirprop_orivia" name="dirprop_orivia" value="" align="left" onChange="dirprop">
  45.                                 <option value=''></option><option value= ></option><option value='BIS'>Bis</option><option value='CEN'>Centro</option><option value='ES'>Este</option>
  46.                                 <option value='NO'>Norte</option><option value='OCC'>Occidente</option><option value='OE'>Oeste</option><option value='OR'>Oriente</option>
  47.                                 <option value='SUR'>Sur</option>
  48.                             </select>
  49.                         </td>
  50.                         <td width="40px">
  51.                         CON </td>
  52.                         <td width="40px">
  53.                             <input  type="text" id="dirprop_numcruce" name="dirprop_numcruce" value="" size="3" maxlength="3" onChange="dirprop"></td>
  54.                         <td width="50px">
  55.                             <select id="dirprop_apecruce" name="dirprop_apecruce" value="" align="left" onChange="dirprop">
  56.                                 <option value=''></option><option value= ></option><option value='A'>A</option><option value='AA'>AA</option><option value='AB'>AB</option>
  57.                                 <option value='B'>B</option><option value='BB'>BB</option><option value='C'>C</option><option value='CC'>CC</option><option value='D'>D</option>
  58.                                 <option value='DD'>DD</option><option value='E'>E</option><option value='F'>F</option><option value='G'>G</option><option value='H'>H</option>
  59.                                 <option value='I'>I</option><option value='J'>J</option><option value='K'>K</option><option value='L'>L</option><option value='M'>M</option>
  60.                                 <option value='N'>N</option><option value='O'>O</option><option value='P'>P</option><option value='Q'>Q</option>
  61.                             </select>
  62.                         </td>
  63.                         <td width="60px">
  64.                             <select id="dirprop_oricruce" name="dirprop_oricruce" value="" align="left" onChange="dirprop">
  65.                                 <option value=''></option><option value= ></option><option value='BIS'>Bis</option><option value='CEN'>Centro</option><option value='ES'>Este</option>
  66.                                 <option value='NO'>Norte</option><option value='OCC'>Occidente</option><option value='OE'>Oeste</option><option value='OR'>Oriente</option>
  67.                                 <option value='SUR'>Sur</option>
  68.                             </select>
  69.                         </td>
  70.                         <td width="40px">
  71.                             <input  type="text" id="dirprop_numplaca" name="dirprop_numplaca" value="" size="3" maxlength="3" onChange="dirprop"></td>
  72.                         <td width="80px">
  73.                             <input  type="text" id="dirprop_complemento" name="dirprop_complemento" value="" size="7" maxlength="7" onChange="dirprop"></td>
  74.                     </tr>
  75.                 </table>