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(5)
Publicado el 05 de Julio del 2012 por Xavi
11.672 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(5)

Publicado el 05 de Julio del 2012gráfica de visualizaciones de la versión: Versión 1
11.673 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 (5)

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
Hace 8d
estrellaestrellaestrellaestrellaestrella
enviamela a mi facebook https://www.facebook.com/TheStickDead
Responder
Imágen de perfil
Xavi
Hace 8d
estrellaestrellaestrellaestrellaestrella
Hola Alejandro, podrías publicar tu código en esta web para que se lo puedan descargar sin problema!!
Responder

Comentar la versión: Versión 1

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

http://lwp-l.com/s2190