Ver Mensaje Individual
  #6 (permalink)  
Antiguo 07/05/2005, 11:24
Avatar de chalchis
chalchis
 
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 10 meses
Puntos: 21
Pregunta ok ahi va

function getSelectedValues(select)
{
var r = new Array();
var este
for (var i = 0; i < select.options.length; i++)
{
if (select.options[i].selected)
{
r[r.length] = select.options[i].value;
este=select.options[i].value;
//alert(este);
document.getElementById(este).style.display = (document.getElementById(este).style.display) ? "none" : "block";
}

//return r;
}
alert(r);
document.getElementById(este).style.display='block ';



}


<select name="programas[]" id="programas" multiple class="selectx" style="height:100px" onchange="getSelectedValues(this)">
<optgroup label="Licenciaturas"><option value="ia">Informática Administrativa</option><option value="ci">Comercio Internacional</option><option value="cp">Contaduría Pública</option><option value="lc">Comunicación y Publicidad</option><option value="lm">Mercadotecnia</option><option value="ii">Ing. Industrial en Operaciones Internacionales</option></OPTGROUP><optgroup label="Maestrias"><option value="mcp">Ciencias Políticas y Gestión Pública</option><option value="md">Docencia</option><option value="ma">Administración</option><option value="mef">Economía y Finanzas Internacionales</option><option value="mti">Tecnologias de la Información</option><option value="me">Educación</option></OPTGROUP><optgroup label="Especialidades"><option value="ef">Finanzas</option><option value="ead">Alta Dirección</option><option value="em">Mercadotecnia</option><option value="eti">Tecnologías de Información</option><option value="ep">Publicidad</option></OPTGROUP>
</select>

aqui son unas listas ocultas que deben aparecer de acuerdo a la opcion
que seleccionaste en el select de arriba

<select name="ia" id="sem" style="display:none" multiple>
<option>ia</option>
</select>
<select name="ci" id="sem" style="display:none">
<option>ci</option>
</select>
<select name="cp" id="sem" style="display:none">
<option>cp</option>
</select>
<select name="lc" id="sem" style="display:none">
<option>lc</option>
</select>
<select name="lm" id="sem" style="display:none">
<option>lm</option>
</select>
<select name="ii" id="sem" style="display:none">
<option>ii</option>
</select>
__________________
gerardo