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

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

Jhonatan
16 de Mayo del 2016
estrellaestrellaestrellaestrellaestrella
Interesante, pero como seria con base datos?
Responder

Comentar la versión: Versión 1

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

http://lwp-l.com/s2190