
saludos
| |||
Listas dependientes Hola necesito ayuda para hacer un listado como el que se muestra en la siguiente imagen, la verdad de javascript manejo poco, asi que si alguien me puede pasar un tutorial o darme una idea de como se hace se lo agradecere ![]() saludos |
| |||
Respuesta: Listas dependientes Yo hago esto, ten en cuenta los id, tienen ques er diferentes, te puse enlaces de ancla pero tu pones la imagen, y colocas todo en una tabla yo te lo coloqué apelotonado ![]()
Código:
<script type='text/javascript'> function selector(s,s2){ if(selected(s)){ putSelect(s2,getTextSelect(s),getValueSelect(s)); delSelect(s); } } function putSelect(id,texto,valor){ var sel=document.getElementById(id); sel[sel.length]= new Option(texto,valor); } function getTextSelect(id){ var sel=document.getElementById(id); // Obtenemos que posición del SELECT está seleccionada var indiceSeleccionado = sel.selectedIndex; // Si hemos seleccionado una opción válida ... //if (indiceSeleccionado != 0) // Obtenemos el valor seleccionado return sel.options[indiceSeleccionado].text; } function getValueSelect(id){ var sel=document.getElementById(id); return sel.value; } function delSelect(id){ var sel=document.getElementById(id); if (sel.selectedIndex >= 0) { sel.options[sel.selectedIndex]=null; sel.selectedIndex=0; } } </script> <select id="s1" class="opciones" size="15"> <option value="directorio">Catálogo</option> <option value="configuracion">Configuración</option> <option value="enlace">Enlaces</option> <optionvalue="rotativo">Rotativo</option> </select> <select id="s2" class="opciones" size="15"> <option value="album">Álbum</option> <option value="contenidos">Contenidos</option> <option value="disenho">Diseño</option> <option value="ficha_empresa">Ficha de Empresa</option> <option value="microweb">Espacios</option><option value="localizacion">Localizacion</option> </select> <a href="#" onclick="selector('s2','s1');">Poner</a> <a href="#" onclick="selector('s1','s2');">Quitar</a> |
| ||||
Respuesta: Listas dependientes Hola Mas sencillo, por el maestro Javier_B. Solo necesitaba una pequeña modificación
Código javascript:
Ver original Suerte
__________________ Los formularios se envían/validan con un botón Submit <input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" /> |
| |||
Respuesta: Listas dependientes Gracias por la correccion jgx2 funciona perfecto. Adler gracias a ti tambien por la otra solucion que diste la voy aprobar a ver que tal funciona saludos |
| |||
Respuesta: Listas dependientes Hola de nuevo, confirmo que todo funciona perfecto, lo que no pude lograr es que el javascript me tome multiples selecciones, no se como hacer, supongo que se tiene que guardar en un array gracias de nuevo saludos |
| ||||
Respuesta: Listas dependientes
__________________ Los formularios se envían/validan con un botón Submit <input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" /> |
| |||
Respuesta: Listas dependientes Gracias por el link adler, tenia pensado que se hacia asi. Pero tengo un ultimo problema con todo esto, he intentado modificar el javascript para que me permita hacer seleccion multiple del listado, es decir que al marcar con shift y/o control me permita pasar muchos elementos al otro listado de una sola vez, pero no lo logre, esto me seria util ya que el listado contendra unos 100 a 200 elementos, si me pueden dar una mano con esto ultimo se los agradecere saludos |