combos dinámicos

ramirami · #1 (**permalink**) 02/11/2009, 03:57

Hola amigos,

He estado buscando por el foro, pero no encontrado algo parecido... el caso es el siguiente:

tengo dos listas desplegables en las que se pueden elegir unos valores, pongamos por ejemplo, 1, 2, 3 y 4. Al seleccionar en las dos listas un valor cualquiera apareceria un dibujito al lado, dependiendo del resultado de multiplicar ambos valores.

Ejemplo aclaratorio:

De la primera lista selecciono el 2, de la segunda el 4. (el resultado sería 8) entonces apareceria un dibujito.

Si selecciono un 3 y un 4, el resultado seria 12 y apareceria otro dibujito...y asi sucesivamente.

algún ejemplo o alguien que me oriente?

un saludo! y gracias de antemano!!!

JavierB · #2 (**permalink**) 02/11/2009, 04:34

Hola ramirami

Puedes crear las imágenes que incluyan en el nombre el resultado. Ejemplo: dibu8.jpg, dibu12.jpg

Código javascript:

Ver original<html>
<head>
<script type="text/javascript">
function dibujo(frm) {
  n1=frm.num1.value;
  n2=frm.num2.value;
  if (n1!='' && n2!='') 
    document.getElementById('dibu').src = 'dibu'+n1*n2+'.jpg';
}
</script>
</head>
<body>
<form>
<select name="num1" onchange="dibujo(this.form)">
<option value="">---</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
 
<select name="num2" onchange="dibujo(this.form)">
<option value="">---</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
 
<img id="dibu" src="" />
</form>
</body>
</html>

Saludos,

ramirami · #3 (**permalink**) 03/11/2009, 03:34

Muchas gracias Javier, me ha servido de gran ayuda tu ejemplo... lo único es que me ha surgido un nuevo problema...

Resulta que esto lo utilizo con bases de datos, entonces a la hora de mostrar los datos cada "fila" tiene dos combos. Es decir, el ejemplo solo funcionaría para cuando en la BD solo hay un caso.. en el momento en el que hay más no funciona, ya que las listas desplegables tienen el mismo nombre.. habria que ir llamandolas de una manera dinámica..

alguna idea? gracias de antemano, un saludo!

JavierB · #4 (**permalink**) 03/11/2009, 04:11

Hola de nuevo.

Si no puedes poner nombres distintos, puedes añadir un identificador

Código html:

Ver original<select name="num1" id="num1_1"
<select name="num2" id="num2_1"
 
<select name="num1" id="num1_2"
<select name="num2" id="num2_2"

Saludos,