Ejecutar un codigo u otro dependiendo de la seleccion de un Combo

samuvk · #1 (**permalink**) 17/11/2011, 08:37

Me gustaria poder ejecutra un codigo u otro dependiendo de una previa seleccion en un Combo.

Digamos que tengo un combo que tenga dos opciones: Madrid y Barrelona.

Me gustaria poder hacer algo como:

If valorseleccionadoCombo = Madrid then

EJECUTAR ESTE CODIGO
Else
If valorseleccionadoCombo = Barcelona then

EJECUTAR ESTE CODIGO
Endif

Muchas Gracias

maycolalvarez · #2 (**permalink**) 17/11/2011, 09:19

simplemente utiliza el evento onchange del select

samuvk · #3 (**permalink**) 17/11/2011, 11:16

Este es el codigo que estoy usando:

Tengo dos combos. El segundo cambia en funcion de la seleccion del primero.

Despues de haber seleccionado el primer combo, me gustaria poder ejecutar un codigo basado en la seleccion del segundo combo.

<script language="JavaScript">

function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}

function cambia(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.frm.pais.selectedIndex){
case 0:
addOpt(oCntrl, 0, "Select an Item", "0");
case 1:
addOpt(oCntrl, 0, "Income Statement", "");
addOpt(oCntrl, 1, "Revenue", "");
addOpt(oCntrl, 2, "Expenses", "");
break;
case 2:
addOpt(oCntrl, 0, "Balance Sheet", "");
addOpt(oCntrl, 1, "Loans", "");
break;
}
}
</script>

</head>
<body>

<form name="frm">
<select name="pais"onchange="cambia(document.frm.ciudad)" id=size onChange="SelectSize()" >
<option>----SELECT AN ITEM----</option>
<option value="">Income Statement</option>
<option value="">Balance Sheet</option>
</select>

 

<select name="ciudad" onChange="MM_jumpMenu('parent',this,0)">
<option>Select a Country first</option>
</select>

</form>

Lo que no se es como realizar la funcion que ejecute un codigo dependiendo de la selecicon del segundo combo:

function cambia(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.frm.pais.selectedIndex){
case 0:
addOpt(oCntrl, 0, "Select an Item", "0");
case 1:
addOpt(oCntrl, 0, "Income Statement", "");
addOpt(oCntrl, 1, "Revenue", "");
addOpt(oCntrl, 2, "Expenses", "");
break;
case 2:
addOpt(oCntrl, 0, "Balance Sheet", "");
addOpt(oCntrl, 1, "Loans", "");
break;
}
}
</script>

Muchas Gracias de nuevo

maycolalvarez · #4 (**permalink**) 17/11/2011, 13:37

1 - ordena tu código con espacios de tabulación
2 - utiliza las herramientas del foro, como el highlight para mostrar código
3 - en JS estás utilizando la función eval innecesariamente