04/05/2005, 21:44
| |||
| |||
 Aparecer un select con otro select Saludos !!! Tengo un Select con los paíces del mundo, entre ellos, por su puesto Colombia. La idea es que cuando se seleccione Colombia, aparezca, en la fila siguiente de la tabla un nuevo Select que ya esta creado, con las ciudades de este país. Como puedo hacer esto? |
|
05/05/2005, 01:02
| ||||
| ||||
| Hola cadapo Prueba con esto:
Código:
Saludos, <form> <select onchange = "colo.style.display = (this.selectedIndex==1) ? 'block' : 'none'"> <option>Chile</option> <option>Colombia</option> </select> <select name="colo" style="display:none"> <option>Bogotá</option> </select> </form>  |
|
07/05/2005, 03:49
| |||
| |||
| Hola a todos. Chusete con un select-multiple puede ser un poco complicado, podrias poner un ejemplo del código html y explicar un poco más detalladamente el resultado que quieres obtener, a veces soy un poco burro  y me voy por los cerros de Úbeda.Saludos |
|
07/05/2005, 11:24
| ||||
| ||||
| 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 |
|
10/05/2005, 16:08
| |||
| |||
| Hola chalchis Tal vez ya lo hayas resulto, básicamente es como obtener los valores de un select-multiple.
Código:
Saludos
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language=JavaScript type=text/javascript>
<!--
function display_select(cf) {
for (var ctr = 0; opt = cf.options[ctr]; ctr++) {
if (opt.selected) document.formulario[opt.value].style.display ="inline";
else document.formulario[opt.value].style.display = "none";
}
}
//-->
</script>
</head>
<body>
<form name="formulario">
<select name="programas[]" id="programas" multiple class="selectx" style="height:100px" onchange="display_select(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</optgroup>
</select><br>
<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>
</form>
</body>
</html>
|
|
10/05/2005, 16:31
| ||||
| ||||
| aqui va el codigo por si las dudas <html> <head> <title></title> <script language="JavaScript" type="text/javascript"> <!-- function display_selected(cf) { var cuantos = 0, msg =""; var label_optg = "" for (var ctr = 0; opt = cf.options[ctr]; ctr++) { if(opt.parentNode.label) label_optg = opt.parentNode.label if (opt.selected) { msg += " - " + opt.text + "\n"; cuantos++; } } alert ((cuantos > 1 ? "Ha seleccionado " + cuantos + " elementos":cuantos == 0 ?"No ha seleccionado ningún elemento":"Ha seleccionado " + cuantos + " elemento") + " en " + label_optg +":\n" + msg ) } //--> </script> </head> <body> <form> <br> <form name="formulario"> <select name="programas[]" id="programas" multiple class="selectx" style="height:100px" onchange="display_selected(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> </select> </form> </body> </html>
__________________ gerardo |
. 
