[SOLUCIONADO] Llenar un input con el valor de otros elementos...

karma274 · #1 (**permalink**) 20/03/2013, 13:36

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<script>
    function dirprop(){
        var dir = document.getElementById ("dirprop").value;
        var tipvia = document.getElementById ("dirprop_tipovia").value;
        var numvia = document.getElementById ("dirprop_numvia").value;
        var apevia = document.getElementById ("dirprop_apevia").value;
        var orivia = document.getElementById ("dirprop_orivia").value;
        var numcrz = document.getElementById ("dirprop_numcruce").value;
        var apecrz = document.getElementById ("dirprop_apecruce").value;
        var oricrz = document.getElementById ("dirprop_oricruce").value;
        var numplaca = document.getElementById ("dirprop_numplaca").value;
        var comp = document.getElementById ("dirprop_complemento").value;
        
        dir = tipvia + ' ' +numvia;
        if(trim(apevia)!=''){
            dir = dir + apevia;
        }
        if(trim(orivia)!=''){
            dir = dir + ' ' + orivia;
        }
        if(trim(numcrz)!=''){
            dir = dir + ' # ' + numcrz;
        }
        if(trim(apecrz)!=''){
            dir = dir + apecrz;
        }
        if(trim(oricrz)!=''){
            dir = dir + ' ' + oricrz;
        }
        if (trim(numplaca)!='') {
            dir = dir + ' ' + numplaca;
        }
        if (trim(comp)!='') {
            dir = dir + ' ' + comp;
        }
        
        document.getElementById("dirprop").value = dir;
    }
</script>

Código HTML:

Ver original<table align="center" width="95%">
                    <tr>
                        <td width="25%" align="right">
                            <b>DIRECCI&Oacute;N PROPIETARIO&nbsp;</b></td>
                        <td width="75%" align="left">
                        <input  type="text" id="dirprop" name="dirprop" value="" size="60" maxlength="128">
                        </td>
                    </tr>
                </table>
                <center><table width="700px" border="0">
                    <tr width="100%"><td width="90px">Vía</td>
                        <td width="40px">Num</td>
                        <td width="50px">Apend.</td>
                        <td width="60px">Orient.</td>
                        <td width="40px">CON </td>
                        <td width="40px">Num.</td>
                        <td width="50px">Apend.</td>
                        <td width="60px">Orient.</td>
                        <td width="40px">Placa</td>
                        <td width="80px">Comple.</td>
                    </tr>
                    <tr width="100%">
                        <td width="90px">
                            <select id="dirprop_tipovia" name="dirprop_tipovia" value="" align="left" onChange="dirprop()">
                                <option value=''></option><option value= ></option><option value='AK'>Avenida Carrera</option><option value='AUT'>Autop.</option>
                                <option value='AV'>Avenida</option><option value='BLV'>Boulevar</option><option value='CAR'>Carretera</option><option value='CEL'>Célula</option>
                                <option value='CIR'>Circular</option><option value='CL'>Calle</option><option value='CR'>Carrera</option><option value='CRV'>Circunv.</option>
                                <option value='DG'>Diagonal</option><option value='HC'>Hacienda</option><option value='PJ'>Pasaje</option><option value='TO'>Torre</option>
                                <option value='TV'>Transver.</option><option value='URB'>Urbaniz.</option><option value='VTE'>Variante</option>
                            </select>
                        </td>
                        <td width="40px">
                            <input  type="text" id="dirprop_numvia" name="dirprop_numvia" value="" size="3" maxlength="3" onChange="dirprop"></td>
                        <td width="50px">
                            <select id="dirprop_apevia" name="dirprop_apevia" value="" align="left" onChange="dirprop">
                                <option value=''></option><option value= ></option><option value='A'>A</option><option value='AA'>AA</option><option value='AB'>AB</option>
                                <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>
                                <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>
                                <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='O'>O</option><option value='P'>P</option><option value='Q'>Q</option>
                            </select>
                        </td>
                        <td width="60px">
                            <select id="dirprop_orivia" name="dirprop_orivia" value="" align="left" onChange="dirprop">
                                <option value=''></option><option value= ></option><option value='BIS'>Bis</option><option value='CEN'>Centro</option><option value='ES'>Este</option>
                                <option value='NO'>Norte</option><option value='OCC'>Occidente</option><option value='OE'>Oeste</option><option value='OR'>Oriente</option>
                                <option value='SUR'>Sur</option>
                            </select>
                        </td>
                        <td width="40px">
                        CON </td>
                        <td width="40px">
                            <input  type="text" id="dirprop_numcruce" name="dirprop_numcruce" value="" size="3" maxlength="3" onChange="dirprop"></td>
                        <td width="50px">
                            <select id="dirprop_apecruce" name="dirprop_apecruce" value="" align="left" onChange="dirprop">
                                <option value=''></option><option value= ></option><option value='A'>A</option><option value='AA'>AA</option><option value='AB'>AB</option>
                                <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>
                                <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>
                                <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='O'>O</option><option value='P'>P</option><option value='Q'>Q</option>
                            </select>
                        </td>
                        <td width="60px">
                            <select id="dirprop_oricruce" name="dirprop_oricruce" value="" align="left" onChange="dirprop">
                                <option value=''></option><option value= ></option><option value='BIS'>Bis</option><option value='CEN'>Centro</option><option value='ES'>Este</option>
                                <option value='NO'>Norte</option><option value='OCC'>Occidente</option><option value='OE'>Oeste</option><option value='OR'>Oriente</option>
                                <option value='SUR'>Sur</option>
                            </select>
                        </td>
                        <td width="40px">
                            <input  type="text" id="dirprop_numplaca" name="dirprop_numplaca" value="" size="3" maxlength="3" onChange="dirprop"></td>
                        <td width="80px">
                            <input  type="text" id="dirprop_complemento" name="dirprop_complemento" value="" size="7" maxlength="7" onChange="dirprop"></td>
                    </tr>
                </table>

El_Metallick · #2 (**permalink**) 20/03/2013, 15:11

intenta eliminando la línea

var dir = document.getElementById ("dirprop").value;

y luego reemplazas

dir = tipvia + ' ' +numvia;

por

var dir = tipvia + ' ' +numvia;

saludos

cesarin3134 · #3 (**permalink**) 20/03/2013, 15:26

prueba con jquery :

Código Javascript:

Ver original<script>
    function dirprop(){
        
        var dir = $("#dirprop");
 
        var tipvia = $("#dirprop_tipovia").val();
        var numvia = $("#dirprop_numvia").val();
        var apevia = $("#dirprop_apevia").val();
        var orivia = $("#dirprop_orivia").val();
        var numcrz = $("#dirprop_numcruce").val();
        var apecrz = $("#dirprop_apecruce").val();
        var oricrz = $("#dirprop_oricruce").val();
        var numplaca = $("#dirprop_numplaca").val();
        var comp = $("#dirprop_complemento").val();
        
        dir.val(tipvia + ' ' + numvia); 
        
        if(trim(apevia)!=''){
            dir = dir + apevia;
        }
        if(trim(orivia)!=''){
            dir = dir + ' ' + orivia;
        }
        if(trim(numcrz)!=''){
            dir = dir + ' # ' + numcrz;
        }
        if(trim(apecrz)!=''){
            dir = dir + apecrz;
        }
        if(trim(oricrz)!=''){
            dir = dir + ' ' + oricrz;
        }
        if (trim(numplaca)!='') {
            dir = dir + ' ' + numplaca;
        }
        if (trim(comp)!='') {
            dir = dir + ' ' + comp;
        }
        
        $("#dirprop").val(dir);
    }
</script>

karma274 · #4 (**permalink**) 21/03/2013, 07:33

Gracias por sus respuestas, he probado las dos pero me sigue sin funcionar, asi que creo que tengo algo que impide que la funcion se ejecute correctamente. Como no me envia error no se que puedo hacer, tienen alguna manera en la que pueda probar el codigo?, es decir, que en verdad cuando hago cambios en los elementos estos ejecuten la funcion.

No les puedo dejar el codigo del script completo pues sobrepasa por mucho los 10000 caracteres permitidos por el foro.

cesarin3134 · #5 (**permalink**) 21/03/2013, 08:45

Haz incluido la librería de jquery?

karma274 · #6 (**permalink**) 21/03/2013, 09:34

Si ya tengo la libreria JQuery, me recomendaron depurar mi codigo con el explorador y me manda el siguiente error:

SCRIPT3: No se ha encontrado el miembro.

y que en esta linea:

<select id="dirprop_tipovia" name="dirprop_tipovia" value="" align="left" onChange="dirprop();">

No se como pueda solucionar el error, estare ejecutando mal la funcion?

karma274 · #7 (**permalink**) 21/03/2013, 10:26

Siento mucho haberles quitado su tiempo, agradezco sus respuestas pues estan bien el problema estaba en mi codigo pues nombre la funcion igual que el campo que recibe los valores.

Gracias por su colaboracion

KRADLEGNO · #8 (**permalink**) 22/04/2014, 18:26

Muchas gracias, a mi me sirvió, tenia el mismo problema y efectivamente se debía a que la función y el campo que recibía el valor, tienen el mismo nombre.

Muchas gracias.