seleccionar opcion de un combo desde otro.

[lexus]

hola

tengo dos combobox los llamaremos combo1, combo2..
como puedeo hacer ke seleccionando una opcion de mi combo1 quede seleccionado un valor especifico del combo2? y al cambiarlo vuelva a estar como antes..

[David]

Sólo tienes que cambiar el value correspondiente:

Código Javascript:

<select id="lista1" onchange="document.getElementById('lista2').value = this.value;">
    <option value="opcion1">Opci&#243;n</option>
</select>
<select id="lista2">
    <option value="opcion1">Opci&#243;n</option>
</select>
 

[elijo_otro]

esto me puede servir para mi problemilla?? (que esta aqui explicado).

Un saludo.

[lexus]

hola lo puse asi

onchange="document.getElementById('remitente').val ue = 0;"

dado que lo qeu necsito es ke cuando seleccione el primer combo me cambie el segundo combo a la opcion 0 hasta ahi funciona bien..
aunqeu en mi combo uno solo necesito ke funcinoe cuando escojo la oipcion 1.. si escojo cualquier otra opcion me lo deje como estaba antes sin seleccionar nada..

[lexus]

sabes como hacer esta ultima parte?

[David]

¿Tienes un ejemplo de lo que deseas hacer? No entendí la explicación que pusiste en el mensaje anterior.

[lexus]

tengo dos combos
combo1

<select name="accion" id="accion" class="combo" >
<option value="-1">SELECCIONE ACCION</option>
<option value="0">ENTRADA</option>
<option value="1">SALIDA</option>
</select>


combo2

<select name="remitente" id="remitente" class="combo" >
<option value="-1">SELECCIONE REMITENTE</option>
<option value="1">REMITENTE1</option>
<option value="2">REMITENTE2</option>
<option value="3">REMITENTE3</option>
<option value="0">OTRO</option>
</select>



LO QUE DESEO ES QUE POR EJEMPLO SI ALGUIEN ESCOJE DEL COMBO1 LA OPCION "SALIDA" EN EL COMBO 2 QUEDE SELECCIONADO LA OPCION "OTRO" PERO SI ALGUIEN ESCOJE DEL COMBO1 "ENTRADA" O "SELECCIONE UNA ACCION" QUEDE SELECCIONADO EL VALOR POR DEFECTO EN ESTE CASO EN EL COMBO2 "SELECCIONE REMITENTE"

[David]

Basta con una condicional if para realizarlo. En el evento onchange del primer select:

Código Javascript:

if (this.value == "1") {
    select2.value = "0";
} else {
    select2.value = "-1";
}
 

[lexus]

no se mucho de javascript ke digamos..
esto lo pongo en una funcion?
o asi
onchange="if(this.value == "1"){remitente.value = "0";} else {remitente.value = "-1";}"

porke asi me marca error.

[David]

Estás colocando comillas dobles dentro de las comillas dobles. Debes intercalarlas. Además, evita usar los name en el ámbito global (me refiero a remitente, mejor usa document.getElementById('remitente'))

[lexus]

ok ahora ya me funcinoa pero cuando escojo otra opcion ke no sea "SALIDA" me deja el combo en blanco
si lo pongo en salida si me funcinoa y me marca "OTRO"

onchange="if(this.value == '1'){document.getElementById('remitente').value = '0';} else {document.getElementById('remitente').value = '-1';}"

que podra ser ke tengo mal.

[David]

Cambia .value = '-1' por .selectedIndex = 0

[lexus]

excelente muchas gracias..
al final lo puse asi para qeu quedara un poco mas ordenado..

Código:

<script language="javascript">
function cambiar(valor)
{
 if(valor == '1')
  {
  document.getElementById('remitente').value = '0';
  } 
 else 
  {
  document.getElementById('remitente').selectedIndex = 0;
  }
}
</script>
 
 
y en el combo box lo puse asi
 
onchange="cambiar(this.value);"

[lexus]

te hago una ultima pregunta

tengo un campo de texto oculto asi

Código:

 
<input name="remitente2" type="text"  
size="25" maxlength="100" style="visibility: hidden;"/>

y quiero que cuando la opcion sea 0 deje de estar oculto y cuando seleccionen otra se vuelva a ocultar.
intente con el siguiente codigo pero me marca error..
sabes como seria esta parte? que pena molestar tanto.

Código:

 
 
if(valor == '0')
  {
  document.getElementById('remitente').value = '0';
  } 
 else 
  {
  document.getElementById('remitente').selectedIndex = 0;
  document.getElementById('remitente2').style.visibility = 'visible':'hidden';
  }

[David]

Código Javascript:

if (valor == "0") {
    /* Mostrar (style.visibility = "visible" */
} else {
    /* Ocultar (style.visibility = "hidden" */
}
 

Además, debes asignar como id "remitente2" (ahora mismo no tiene ningún id, sólo tiene name)