Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Mostrar en un select lo seleccionado en otro select

JavaScript - Mostrar en un select lo seleccionado en otro select

Volver
Nuevo Tema
<<>>
 
Vista:
Imágen de perfil de Eduardo Arroyo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar en un select lo seleccionado en otro select

Publicado por Eduardo Arroyo (186 intervenciones) el 29/04/2020 07:17:56
Hola a todos.. como se hace para que un select (select 2) muestre lo que se seleccione en otro.. (select 1) principal.

Y que se siga mostrando en otros select lo seleccionado en el select principal. (Select 1) hasta que se cambie en esos select secundarios el contenido sin afectar lo del select 1.. no se si me explique bien...
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar en un select lo seleccionado en otro select

Publicado por joel (895 intervenciones) el 29/04/2020 13:41:43
Hola Eduardo, no muestras nada de codigo, por lo que tendrás que adaptarlo....

1
document.getElementById("select2").selectedIndex = document.getElementById("select1").selectedIndex;
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Eduardo Arroyo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar en un select lo seleccionado en otro select

Publicado por Eduardo Arroyo (186 intervenciones) el 29/04/2020 18:17:20
Mil gracias por responder.. lo siento.. acá por ejemplo pongo el código de ejemplo...


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
38
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
<script language="javascript">
document.getElementById("select2").selectedIndex = document.getElementById("select1").selectedIndex;
</script>
<form id="form1" name="form1" method="post" action="">
  <p>
    <select name="select1" id="select1">
      <option value=" ">SELECCIONAR</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </p>
  <p>
    <select name="select2" id="select2">
      <option value=" ">SELECCIONAR</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </p>
  <p>
    <select name="select3" id="select3">
      <option value=" ">SELECCIONAR</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </p>
</form>
</body>
</html>


pero no funciona la idea es que al seleccionar en uno aparezca también en los otros... intente poner el código que me enviaste pero no lo se adaptar.. Mil graciasss
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar en un select lo seleccionado en otro select

Publicado por joel (895 intervenciones) el 29/04/2020 20:19:24
Seria algo así:

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
38
39
40
41
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
<form id="form1" name="form1" method="post" action="">
  <p>
    <select name="select1" id="select1">
      <option value=" ">SELECCIONAR</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </p>
  <p>
    <select name="select2" id="select2">
      <option value=" ">SELECCIONAR</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </p>
  <p>
    <select name="select3" id="select3">
      <option value=" ">SELECCIONAR</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
  </p>
</form>
</body>
</html>
 
<script language="javascript">
document.getElementById("select1").addEventListener("change", () => {
    document.getElementById("select2").selectedIndex = document.getElementById("select1").selectedIndex;
});
</script>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar