Código de JQuery - Sencillo ejemplo de selects dinámicos

Imágen de perfil

Sencillo ejemplo de selects dinámicosgráfica de visualizaciones


JQuery

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 05 de Julio del 2012 por Xavi
12.797 visualizaciones desde el 05 de Julio del 2012. Una media de 49 por semana
Código que muestra como al cambiar un valor de un select en un formulario, se modifica de manera automática otro select con los mismos valores.

Versión 1
estrellaestrellaestrellaestrellaestrella(7)

Publicado el 05 de Julio del 2012gráfica de visualizaciones de la versión: Versión 1
12.798 visualizaciones desde el 05 de Julio del 2012. Una media de 49 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
 
    <script type='text/javascript'>
    $(document).ready(function(){
        /* Evento que se ejecuta cada vez que se selecciona un elemento en el 
        primer select */
        $("#sel1").change(function(){
            /* asignamos el valor del primer elemento al segundo elemento */
            $("#sel2").val($("#sel1").val());
        });
    });
    </script>
</head>
 
<body>
    <table>
        <div>
            <select name="sel1" id="sel1">
                <option value="0">Exchange</option>
                <option value="US">US Dollar</option>
                <option value="MX">MX Peso</option>
                <option value="EU">Euro</option>
            </select>
        </div>
        <div>
            <select name="sel2" id="sel2">
                <option value="0">Exchange</option>
                <option value="US">US Dollar</option>
                <option value="MX">MX Peso</option>
                <option value="EU">Euro</option>
            </select>
        </div>
    </table>
</body>
</html>



Comentarios sobre la versión: Versión 1 (7)

Jhonatan
16 de Mayo del 2016
estrellaestrellaestrellaestrellaestrella
Interesante, pero como seria con base datos?
Responder
Imágen de perfil
Alejandro
07 de Junio del 2017
estrellaestrellaestrellaestrellaestrella
Hola Jhonatan, ¿conseguiste realizar el llenado del select desde la base de datos?
Responder
Imágen de perfil
Alejandro
07 de Junio del 2017
estrellaestrellaestrellaestrellaestrella
Perdonad por la respuesta duplicada, pero ya he conseguido realizar el llenado del select desde la base de datos, si alguien está interesado dejadme un mensaje privado y os lo mando los ejemplos por correo.
Saludos.
Responder
Kevin Gómez
13 de Julio del 2017
estrellaestrellaestrellaestrellaestrella
enviamela a mi facebook https://www.facebook.com/TheStickDead
Responder
Imágen de perfil
Xavi
14 de Julio del 2017
estrellaestrellaestrellaestrellaestrella
Hola Alejandro, podrías publicar tu código en esta web para que se lo puedan descargar sin problema!!
Responder
Valentin
05 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
Me puedes mandar los ejemplos por favor, valukardd@gmail.com
Responder
JUAN BOSCO
25 de Noviembre del 2017
estrellaestrellaestrellaestrellaestrella
Te agradecería me enviaras el ejemplo con bases de datos, ya lo intenté con uno que está publicado, utilizando ajax, pero solo funciona con mozilla y con chrome y edge no.
Muchas gracias de antemano
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2190