Bueno la situación es la siguiente: saben tengo un sistemita de busqueda de personal por areas de trabajo, lo que hace actualmente es solicitar el area especifica donde trabaja un empleado, ahora bien si uno no sabe lo que hace es abrir un pop up donde estan todas las areas le dan al area que desean buscar este nombre se copia en un input y se conecta a una bd en mysql y muestra todos los empleados de un area.
Ahora me pidieron que el sistema sea más amplio que en una especie de listado cuando ellos clickean sobre un area digamos de nivel 1 se escogan todas las de segundo nivel y si quieren depurar se abra una lista donde vayan seleccionando mediante clics las areas que desean ver sus empleados.
Aca surge mi problema no se me ocurre una idea de como hacer esto, o si es posible hacerlo, si pueden pasarme algunas ideas o ejemplos de algo parecido a lo que pido seria de mucha ayuda.
Coloco un ejemplo parecido....:
Bueno el concepto de combobox es el principio, pero lo que necesito es que si elijo la primera opcion se elijan por default todas las demas opciones pero si quiero depurar mas vaya marcando en una lista desplegada mas opciones algo como esto:
Código:
En el codigo anterior por ejemplo se muestra una lista ahora bien el caso es que cuando le de click a Lees periodicos se desplieguen las opciones inferiores, todas ya marcadas y estas puedan buscarse en la base de datos desplegando datos de todas las selecciones, y cuando desmarque alguna opcion esta no se busque en la base de datos???? ahi ya me pierdo totalmente si hay sugerencias estaria muy agradecido <html>
<head>
<title>Selección Múltiple con Casillas de Verificacion</title>
<style type="text/css">
<!--
body{background:#eee;font:normal 85%/170% Arial, Helvetica, sans-serif;color:#4444;}
h1{font:bold 1.3em Georgia, "Times New Roman", Times, serif;color:#c00;}
form{width:600px;margin:0 auto;padding:10px 20px;background:#fff; border:2px solid #ccc;}
div.multiple{height: 100px;overflow: auto;background:#eee;border:5px solid #eee;margin:0 0 1.5em 25px;}
-->
</style>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<h1>Selección Múltiple</h1>
<p><strong><input name="items[]" type="checkbox">Lees Periodicos</p>
<div class="multiple">
<label><strong>Nacionales</strong><br />
<input name="items[]" type="checkbox">
Ámbito Financiero</label>
<br />
<label><input name="items[]" type="checkbox">
Clarín</label>
<br />
<label><input name="items[]" type="checkbox">
Crítica</label>
<br />
<label><input name="items[]" type="checkbox">
Crónica</label>
<br />
<label><input name="items[]" type="checkbox">
El Cronista Comercial</label>
<br />
<label><input name="items[]" type="checkbox">
Infobae</label>
<br />
<label><input name="items[]" type="checkbox">
La Nación</label>
<br />
<label><input name="items[]" type="checkbox">
La Prensa</label>
<br />
<label><input name="items[]" type="checkbox">
Página/12</label>
<label>
<br />
<input name="items[]2" type="checkbox" />
Perfil <br />
<strong>Buenos Aires</strong> </label>
<br />
<label>
<input name="items[]2" type="checkbox" />
El Tiempo (Azul)</label>
<br />
<label>
<input name="items[]2" type="checkbox" />
La Nueva Provincia (Bahía Blanca)</label>
<br />
<label>
<input name="items[]2" type="checkbox" />
La Voz (Bragado)</label>
<br />
<label>
<input name="items[]2" type="checkbox" />
La Auténtica Defensa (Campana)</label>
<br />
<label>
<input name="items[]2" type="checkbox" />
InfoCañuelas (Cañuelas)</label>
<br />
<label>
<input name="items[]2" type="checkbox" />
El Cronista (Chascomús)</label>
<br />
<label>
<input name="items[]2" type="checkbox" />
La Razón de Chivilcoy (Chivilcoy)</label>
<br />
<label>
<input name="items[]2" type="checkbox" />
Nuevo Día (Coronel Suárez)</label>
<br />
<label>
<input name="items[]3" type="checkbox" />
La Verdad (Junín)</label>
<br />
<label>
<input name="items[]3" type="checkbox" />
Democracia (Junín)</label>
<br />
<label>
<input name="items[]3" type="checkbox" />
El Día (La Plata)<br />
<input name="items[]4" type="checkbox" />
La Capital (Mar del Plata)</label>
<br />
<label>
<input name="items[]3" type="checkbox" />
El Popular (Olavarría)</label>
<br />
<label>
<input name="items[]3" type="checkbox" />
La Opinión (Pergamino)</label>
<br />
<label>
<input name="items[]3" type="checkbox" />
El Sol (Quilmes)</label>
<br />
<label>
<input name="items[]3" type="checkbox" />
El Eco de Tandil (Tandil)</label>
<br />
<input name="items[]5" type="checkbox" />
La Voz del Pueblo (Tres Arroyos)<br />
</div>
</form>
</body>
</html>
