[SOLUCIONADO] Aparecer un valor en un segundo select

Lossarnach · #1 (**permalink**) 04/08/2013, 04:05

Pues siguiendo avanzando en el Javascript me surgen nuevas dudas, está vez referente a varios select:

El caso es que quiero que cuando pulsemos un select en otro select nos muestre un valor y no el valor por defecto, os pongo el código a ver en que me he equivocado:

Código:

<select id="cantidad" onchange="seleccionCantidad()">
     <option value="seleccione">Seleccione una cantidad:</option>
     <option value="cinco">5</option>
     <option value="seis">6</option>
     <option value="siete">7</option>
     <option value="ocho">8</option>
</select>

<!-- Segundo select en el que mostramos unos productos (o cualquier otro objeto) -->
<select id="tipo">
     <option value="selecciona2">Seleccione un producto:</option>
     <option value="auto">Coche</option>
     <option value="autobus">Bus</option>
</select>

<!-- En este div nos mostraría la cantidad y el tipo -->
<div id="mostrar" style="display:none"></div>

<!-- Este script no es el importante, pero habría que revisarlo. -->
<script>
     function seleccionCantidad(){
           comprobarTipo();
           var n = document.getElementById("cantidad").value;
           var tipo = document.getElementById("cantidad").value;
//En otros lenguajes de programación el AND se símboliza con el &&, en este creo que es de la misma manera.
          if(n = "cinco" && tipo = "auto"){
                document.getElementById("mostrar").style.display = "block";
                document.getElementById("mostrar").innerHTML = "Tiene cinco coches.";
          }
</script>

<script>
     function comprobarTipo(){
          if (document.getElementById("cantidad").value = "selecciona2") {
               document.getElementById("tipo").value == 'auto';
	  }
</script>

#2 (**permalink**) 04/08/2013, 06:25

Cita:

Iniciado por Lossarnach

Pues siguiendo avanzando en el Javascript me surgen nuevas dudas, está vez referente a varios select:

El caso es que quiero que cuando pulsemos un select en otro select nos muestre un valor y no el valor por defecto, os pongo el código a ver en que me he equivocado:

Código:

<select id="cantidad" onchange="seleccionCantidad()">
     <option value="seleccione">Seleccione una cantidad:</option>
     <option value="cinco">5</option>
     <option value="seis">6</option>
     <option value="siete">7</option>
     <option value="ocho">8</option>
</select>

<!-- Segundo select en el que mostramos unos productos (o cualquier otro objeto) -->
<select id="tipo">
     <option value="selecciona2">Seleccione un producto:</option>
     <option value="auto">Coche</option>
     <option value="autobus">Bus</option>
</select>

<!-- En este div nos mostraría la cantidad y el tipo -->
<div id="mostrar" style="display:none"></div>

<!-- Este script no es el importante, pero habría que revisarlo. -->
<script>
     function seleccionCantidad(){
           comprobarTipo(); // No la has declarado antes.... 
           var n = document.getElementById("cantidad").value;
           var tipo = document.getElementById("cantidad").value;
//En otros lenguajes de programación el AND se símboliza con el &&, en este creo que es de la misma manera.
          if(n = "cinco" && tipo = "auto"){
                document.getElementById("mostrar").style.display = "block";
                document.getElementById("mostrar").innerHTML = "Tiene cinco coches.";
          }
</script>

<script>
     function comprobarTipo(){
          if (document.getElementById("cantidad").value = "selecciona2") {
               document.getElementById("tipo").value == 'auto';
	  }
</script>

ComprobarTipo()?? No puedes llamarla si no la has declarado. Lo del && es igual a and.

Lossarnach · #3 (**permalink**) 04/08/2013, 09:27

Cuando dices declararla te refieres a llamarla en algún evento como onkeypress o onchange¿?

De todas formas, si poner así tampoco va:

Código:

<select id="cantidad" onchange="seleccionCantidad()">
     <option value="seleccione">Seleccione una cantidad:</option>
     <option value="cinco">5</option>
     <option value="seis">6</option>
     <option value="siete">7</option>
     <option value="ocho">8</option>
</select>

<!-- Segundo select en el que mostramos unos productos (o cualquier otro objeto) -->
<select id="tipo">
     <option value="selecciona2">Seleccione un producto:</option>
     <option value="auto">Coche</option>
     <option value="autobus">Bus</option>
</select>

<!-- En este div nos mostraría la cantidad y el tipo -->
<div id="mostrar" style="display:none"></div>

<script>
     function comprobarTipo(){
          if (document.getElementById("cantidad").value = "selecciona2") {
               document.getElementById("tipo").value == 'auto';

           var n = document.getElementById("cantidad").value;
           var tipo = document.getElementById("cantidad").value;

           if(n = "cinco" && tipo = "auto"){
                document.getElementById("mostrar").style.display = "block";
                document.getElementById("mostrar").innerHTML = "Tiene cinco coches.";
          }
	  }
</script>

Un saludo.

#4 (**permalink**) 04/08/2013, 09:50

Mmm... Pero tienes otro script aparte de este??

#5 (**permalink**) 04/08/2013, 10:12

Amm ya te entiendo. Quieres que cuando se seleccione algo del select 2 se modifique el select 1. Pero eso es bastante complicado. Deberías utilizar nuevas funciones.......

Lossarnach · #6 (**permalink**) 04/08/2013, 13:30

Ya está solucionado en una simple función, ahora bien utilizando los operador lógico "and" nada, que haciendo un else de control, siempre me tira por el else, y la cosa es que he hecho un alert y el valor es correcto... pongo el código:

Código:

<select onchange="seleccionligero()" id="ncantidad">
     <option value="selec">Seleccione una cantidad</option>
     <option value="cinco">5</option>
     <option value="seis">6</option></select>

<select id="seletligero">
     <option value="selecctl">vehiculos:</option>
     <option value="auto">coche</option>
     <option value="bus">autobus</option></select>				

<div id="mensaje-info">0</div>

<script>
     function seleccionligero(){
          var cantidad = document.getElementById("ncantidad").value;
	  var tipo = document.getElementById("seletligero").value;
	  
          if(cantidad!="selec"){
	       document.getElementById("seletligero").value = 'auto';

	       if ((cantidad == "cinco") && (tipo == "auto")) {
	            document.getElementById("mensaje-info").innerHTML = "Tenemos cinco coches.";					
	       }else {
//Para comprobar que el valor del segundo select.
	            alert(document.getElementById("seletligero").value);
               }
          }
     }		
</script>

Un saludo.

#7 (**permalink**) 04/08/2013, 14:14

Bueno, este codigo esta a medias y no le veo mucha funcion pero aqui tienes unos fallos corregidos:

Código Javascript:

Ver original<select onchange="seleccionligero()" id="ncantidad">
<option value="selec">Seleccione una cantidad</option> 
<option value="cinco">5</option> 
<option value="seis">6<option>
</select>
 
<select id="seletligero"> <option value="selecctl">vehiculos:</option> 
<option value="auto">coche</option> 
<option value="bus">autobus</option>
</select>
 
<div id="mensaje-info">0</div>
 
<script type="text/javascript">
function seleccionligero(){ 
var cantidad = document.getElementById("ncantidad").value; 
var tipo = document.getElementById("seletligero").value;
 
if(cantidad != "selec"){
 document.getElementById("seletligero").value = 'auto';
}
 
if ((cantidad == "cinco") && (tipo == "auto")) { 
document.getElementById("mensaje-info").innerHTML = "Tenemos cinco coches."; 
}else {
alert(document.getElementById("seletligero").value); 
} 
} 
</script>

Para evitar confusion cierra todos los ifs que tengas, no los mantengas, porque si no se mezcla el codigo de una manera... Saludos.