Resumir funciones en una sola

[JessicaTJ]

Hola chicos, de nuevo yo jijiji, una preguntita, de verdad les agradecere mil su ayuda, veran, tengo estas funciones de jQuery:

Código Javascript:

// Datos de contacto
    $('#compania').change( function (){
        $('#contact_info_company').text( $(this).val() );
    });
    $('#nombre').change( function (){
        $('#contact_info_name').text( $(this).val() );
    });
    $('#telefono').change( function (){
        $('#contact_info_phone').text( $(this).val() );
    });
    $('#correo').change( function (){
        $('#contact_info_email').text( $(this).val() );
    });
    $('#direccion').change( function (){
        $('#contact_info_address').text( $(this).val() );
    });
    $('#ciudad').change( function (){
        $('#contact_info_city').text( $(this).val() );
    });
    $('#estado').change( function (){
        $('#contact_info_state').text( $(this).val() );
    });
    $('#codigpostal').change( function (){
        $('#contact_info_zipcode').text( $(this).val() );
    });
 

Esto hace que lo que se introduzca, por ejemplo, en un campo INPUT con ID "compania" se imprima en pantalla en un DIV con ID "contact_info_company"

Mi pregunta es, hay alguna manera de que estas funciones se "resuman" de manera que no sea tanta linea de codigo?

De verdad agradecere mil su ayuda !!!

[maycolalvarez]

simple, separarlos con coma:

$('#compania,#nombre,#telefono').change ...http://api.jquery.com/multiple-selector/

o si todos pertenecen a una clase:

$('input.nombre_clase').change ...

[tredio]

igual asi tendrias que usar varios if preguntando que input esta generando el evento mediante el id, lo que deberias hacer es cambiar los id´s de los div´s de contenido, es decir,

contact_info_company por contact_info_compañia
contact_info_name por contact_info_nombre
contact_info_phone por contact_info_telefono
.
.
.
.
.
.
.

los mismos nombres que tienen los input que estan asociados a ellos, la razon de hacer esto es que sea mas facil unificar todo en una sola funcion, y tambien colocarle una clase a todos los inputs para que los puedas seleccionar a todos con un solo selector, te quedaria algo asi.

Código Javascript:

$('.clase_input').change( function (){
        $('#contact_info_'+$(this).attr('id')).text( $(this).val() );
});
 

[JessicaTJ]

Disculpen chicos pero no les entendi del todo, habria alguna manera de ke me hicieran el super enorme favor de explicarmelo con manzanas y naranjas? jijijiji, discupen pero estoy apenas iniciandome en jQuery

[mayid]

Mirá, si todos los elementos son inputs, usas un selector de inputs:

$('input').change( function (){
alert ( $(this).val() );
});

El tema es que vos queres llenar otro formulario a partir de este? Por que cada div apunta a llenar otro div? Siendo así, me gustaría ver tu html para darte una mejor respuesta.

[Dany_s]

lo que puso tredio de jquery es lo básico, seleccionar elemento, un evento change, recuperar un atributo e introducir texto en un elemento

no hay que entender mucho de jquery, se trata de lógica

si tenes varios elementos con sus respectivos 'id' y los valores lo querés colocar en divs inventate alguna convención

id input: 'nombre'
id div para colocar el valor del input #nombre: 'info_nombre'

entonces vez que si recuperas el id del input y lo concatenas a 'info_' da como resultado 'info_nombre'

lo mismo para los otros campos

id input: email
id div: info_email

id input: ciudad
id div: info_ciudad

y con la función que puso tredio está haciendo eso

Código Javascript:

$('#contact_info_'+$(this).attr('id')).text( $(this).val() );
 

la cadena "#contact_info_" mas el atributo de por ejemplo un input con id 'email' da como resultado #contact_info_email, entonces está seleccionando "#contact_info_email" y coloca el valor del elemento con el cual está trabajamdo $(this).val()

y si seguis esa convención, para ese comportamiento, esas tres lineas sirve para la cantidad de elemento que quieras