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

Imágen de perfil
Val: 321
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Sencillo ejemplo de selects dinámicosgráfica de visualizaciones


JQuery

Publicado el 5 de Julio del 2012 por Xavi (542 códigos)
16.903 visualizaciones desde el 5 de Julio del 2012
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(8)

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

Jhonatan
16 de Mayo del 2016
estrellaestrellaestrellaestrellaestrella
Interesante, pero como seria con base datos?
Responder
Imágen de perfil
7 de Junio del 2017
estrellaestrellaestrellaestrellaestrella
Hola Jhonatan, ¿conseguiste realizar el llenado del select desde la base de datos?
Responder
Imágen de perfil
7 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
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
5 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
Me puedes mandar los ejemplos por favor, valukardd@gmail.com
Responder
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
19 de Diciembre del 2018
estrellaestrellaestrellaestrellaestrella
Hola me podrias enviar el ejemplo del llenado en base de datos.
gracias !!! :)
Responder

Comentar la versión: Versión 1

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

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2190