[SOLUCIONADO] Tabular direcciones con Javascript

[karma274]

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:

<form id="frmdir" name="frmdir" method="POST" action="">
<table width="100%">
<tr>
    <td>
        <div style="width:17%; float:left; margin-right:8px;">
        <b>Tipo Via</br>Ubicacion</b></br>
            <select id="tipo" name="tipo" onblur="asignar_valor();">
                <option value=""></option>
                <option value="AV">Avenida</option>
                <option value="CL">Calle</option>
                <option value="CR">Carrera</option>
                <option value="CIR">Circular</option>
                <option value="CRV">Cincunvalar</option>
                <option value="DG">Diagonal</option>
                <option value="TV">Transversal</option>
                <option value="AUT">Autopista</option>
                <option value="BLV">Boulevard</option>
                <option value="CLJ">Callejuela</option>
                <option value="CD">Ciudadela</option>
                <option value="CON">Conjunto Residencial</option>
                <option value="ED">Edificio</option>
                <option value="FCA">Finca</option>
                <option value="KM">Kilometro</option>
                <option value="PAR">Parque</option>
                <option value="URB">Urbanizacion</option>
                <option value="VRD">Vereda</option>
                <option value="ZF">Zona Franca</option>
            </select>
        </div>
        <div style="width:8%; float:left; margin-right:6px;">
        <b>Nro</br>Via</b></br>
            <input type="text" size="5%" id="numvia" name="numvia"/>
        </div>
        <div style="width:8%; float:left; margin-right:4px;">
        <b>Apen.</br>Via</b></br>
            <select id="apenvia" name="apenvia">
                <option value=""></option>
                <option value="A">A</option>
                <option value="B">B</option>
                <option value="BIS">BIS</option>
                <option value="C">C</option>
                <option value="D">D</option>
                <option value="E">E</option>
                <option value="F">F</option>
                <option value="G">G</option>
                <option value="H">H</option>
                <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>
                <option value="N">N</option>
                <option value="W">W</option>
                <option value="WA">WA</option>
                <option value="WD">WD</option>
            </select>
        </div>
        <div style="width:14%; float:left; margin-right:2px;">
        <b>Orient.</br>Via</b></br>
            <select id="orienvia" name="orienvia">
                <option value=""></option>
                <option value="E">Este</option>
                <option value="N">Norte</option>
                <option value="NE">NorEste</option>
                <option value="NO">NorOeste</option>
                <option value="O">Oeste</option>
                <option value="S">Sur</option>
                <option value="SE">SurEste</option>
                <option value="SO">SurOeste</option>
            </select><b>&nbsp;con</b> 
        </div>
        <div style="width:8%; float:left; margin-right:4px;">
        <b>Nro</br>Cruce</b></br>
            <input type="text" size="3%" id="numcrz" name="numcrz"/>
        </div>
        <div style="width:8%; float:left; margin-right:4px;">
        <b>Apen.</br>Cruce</b></br>
            <select id="apencrz" name="apencrz">
                <option value=""></option>
                <option value="A">A</option>
                <option value="B">B</option>
                <option value="BIS">BIS</option>
                <option value="C">C</option>
                <option value="D">D</option>
                <option value="E">E</option>
                <option value="F">F</option>
                <option value="G">G</option>
                <option value="H">H</option>
                <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>
                <option value="N">N</option>
                <option value="W">W</option>
                <option value="WA">WA</option>
                <option value="WD">WD</option>
            </select>
        </div>
        <div style="width:10%; float:left; margin-right:4px;">
        <b>Orient.</br>Cruce</b></br>
            <select id="oriencrz" name="oriencrz">
                <option value=""></option>
                <option value="E">Este</option>
                <option value="N">Norte</option>
                <option value="NE">NorEste</option>
                <option value="NO">NorOeste</option>
                <option value="O">Oeste</option>
                <option value="S">Sur</option>
                <option value="SE">SurEste</option>
                <option value="SO">SurOeste</option>
            </select>
        </div>
        <div style="width:8%; float:left;">
        <b>Nro</br>Placa</b></br>
            <input type="text" size="3%" id="numplaca" name="numplaca"/>
        </div>
        <div style="width:10%; float:left; margin-right:4px;">
        <b>Nro</br>Interior</b></br>
            <input type="text" size="3%" id="numint" name="numint"/>
        </div>
    </td>
</tr>
<tr>
    <td>
        Direccion Generada &nbsp;&nbsp;<input readonly="readOnly" name="dirgen" value="" size="50%" /> <!-- Campo que recibe los values de los otros. -->
    </td>
</tr>
</table>
</form>