Tema: Tabular direcciones con Javascript
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/03/2013, 07:36
karma274
 
Fecha de Ingreso: septiembre-2012
Ubicación: Norte de Santander
Mensajes: 127
Antigüedad: 11 años, 7 meses
Puntos: 1
Tabular direcciones con Javascript
Buenas, tengo una ventana modal en la cual quiero que se generen direcciones tabuladas, es decir con una nomenclatura especifica. Por lo tanto he creado una serie de campos de formulario select e input con los cuales quiero rellenar un inputText y asi de todos los campos solo quede uno con la informacion.

Código HTML: 
Ver original
  1. <form id="frmdir" name="frmdir" method="POST" action="">
  2. <table width="100%">
  3. <tr>
  4.     <td>
  5.         <div style="width:17%; float:left; margin-right:8px;">
  6.         <b>Tipo Via</br>Ubicacion</b></br>
  7.             <select id="tipo" name="tipo" onblur="asignar_valor();">
  8.                 <option value=""></option>
  9.                 <option value="AV">Avenida</option>
  10.                 <option value="CL">Calle</option>
  11.                 <option value="CR">Carrera</option>
  12.                 <option value="CIR">Circular</option>
  13.                 <option value="CRV">Cincunvalar</option>
  14.                 <option value="DG">Diagonal</option>
  15.                 <option value="TV">Transversal</option>
  16.                 <option value="AUT">Autopista</option>
  17.                 <option value="BLV">Boulevard</option>
  18.                 <option value="CLJ">Callejuela</option>
  19.                 <option value="CD">Ciudadela</option>
  20.                 <option value="CON">Conjunto Residencial</option>
  21.                 <option value="ED">Edificio</option>
  22.                 <option value="FCA">Finca</option>
  23.                 <option value="KM">Kilometro</option>
  24.                 <option value="PAR">Parque</option>
  25.                 <option value="URB">Urbanizacion</option>
  26.                 <option value="VRD">Vereda</option>
  27.                 <option value="ZF">Zona Franca</option>
  28.             </select>
  29.         </div>
  30.         <div style="width:8%; float:left; margin-right:6px;">
  31.         <b>Nro</br>Via</b></br>
  32.             <input type="text" size="5%" id="numvia" name="numvia"/>
  33.         </div>
  34.         <div style="width:8%; float:left; margin-right:4px;">
  35.         <b>Apen.</br>Via</b></br>
  36.             <select id="apenvia" name="apenvia">
  37.                 <option value=""></option>
  38.                 <option value="A">A</option>
  39.                 <option value="B">B</option>
  40.                 <option value="BIS">BIS</option>
  41.                 <option value="C">C</option>
  42.                 <option value="D">D</option>
  43.                 <option value="E">E</option>
  44.                 <option value="F">F</option>
  45.                 <option value="G">G</option>
  46.                 <option value="H">H</option>
  47.                 <option value="I">I</option>
  48.                 <option value="J">J</option>
  49.                 <option value="K">K</option>
  50.                 <option value="L">L</option>
  51.                 <option value="M">M</option>
  52.                 <option value="N">N</option>
  53.                 <option value="W">W</option>
  54.                 <option value="WA">WA</option>
  55.                 <option value="WD">WD</option>
  56.             </select>
  57.         </div>
  58.         <div style="width:14%; float:left; margin-right:2px;">
  59.         <b>Orient.</br>Via</b></br>
  60.             <select id="orienvia" name="orienvia">
  61.                 <option value=""></option>
  62.                 <option value="E">Este</option>
  63.                 <option value="N">Norte</option>
  64.                 <option value="NE">NorEste</option>
  65.                 <option value="NO">NorOeste</option>
  66.                 <option value="O">Oeste</option>
  67.                 <option value="S">Sur</option>
  68.                 <option value="SE">SurEste</option>
  69.                 <option value="SO">SurOeste</option>
  70.             </select><b>&nbsp;con</b> 
  71.         </div>
  72.         <div style="width:8%; float:left; margin-right:4px;">
  73.         <b>Nro</br>Cruce</b></br>
  74.             <input type="text" size="3%" id="numcrz" name="numcrz"/>
  75.         </div>
  76.         <div style="width:8%; float:left; margin-right:4px;">
  77.         <b>Apen.</br>Cruce</b></br>
  78.             <select id="apencrz" name="apencrz">
  79.                 <option value=""></option>
  80.                 <option value="A">A</option>
  81.                 <option value="B">B</option>
  82.                 <option value="BIS">BIS</option>
  83.                 <option value="C">C</option>
  84.                 <option value="D">D</option>
  85.                 <option value="E">E</option>
  86.                 <option value="F">F</option>
  87.                 <option value="G">G</option>
  88.                 <option value="H">H</option>
  89.                 <option value="I">I</option>
  90.                 <option value="J">J</option>
  91.                 <option value="K">K</option>
  92.                 <option value="L">L</option>
  93.                 <option value="M">M</option>
  94.                 <option value="N">N</option>
  95.                 <option value="W">W</option>
  96.                 <option value="WA">WA</option>
  97.                 <option value="WD">WD</option>
  98.             </select>
  99.         </div>
  100.         <div style="width:10%; float:left; margin-right:4px;">
  101.         <b>Orient.</br>Cruce</b></br>
  102.             <select id="oriencrz" name="oriencrz">
  103.                 <option value=""></option>
  104.                 <option value="E">Este</option>
  105.                 <option value="N">Norte</option>
  106.                 <option value="NE">NorEste</option>
  107.                 <option value="NO">NorOeste</option>
  108.                 <option value="O">Oeste</option>
  109.                 <option value="S">Sur</option>
  110.                 <option value="SE">SurEste</option>
  111.                 <option value="SO">SurOeste</option>
  112.             </select>
  113.         </div>
  114.         <div style="width:8%; float:left;">
  115.         <b>Nro</br>Placa</b></br>
  116.             <input type="text" size="3%" id="numplaca" name="numplaca"/>
  117.         </div>
  118.         <div style="width:10%; float:left; margin-right:4px;">
  119.         <b>Nro</br>Interior</b></br>
  120.             <input type="text" size="3%" id="numint" name="numint"/>
  121.         </div>
  122.     </td>
  123. </tr>
  124. <tr>
  125.     <td>
  126.         Direccion Generada &nbsp;&nbsp;<input readonly="readOnly" name="dirgen" value="" size="50%" /> <!-- Campo que recibe los values de los otros. -->
  127.     </td>
  128. </tr>
  129. </table>
  130. </form>