Hola a todos
Buen dia, pues la verdad necesito de su ayuda, pues como han visto sigo en las misma... la idea es llenar un reportes en donde se seleccionan a varios usuarios y estos se agregan al el, la idea es que se visualice esta lista (que se vea que estan siendo agregados a una lista), la forma pudiera ser que en un select agrege a esto usuarios (los obtendria de una DB MySQL+PHP) y un boton para agregarlos, puede ser que solo se agrege uno o varios. Otro punto tendria que guardar estos datos momentaneamente en un arreglo por si se quiere modificar la lista (alta, baja y/o agregar uno mas) hasta el momento en que se envie el formulario, y esto seria del lado del cliente, por eso la idea es programar una funcion en JavaScript
Anexo un pequeno codigo, este me permite selecionar de un menu pequeno a uno o varios los cuales al momento de decir agregar mustra los selecionados en la lista y los muestra en la pequena ventana que habre alert, esto es codigo HTML y JavaScript, la idea es alimentar el select con PHP+MySQL y con el button enviar los datos a una funcion en JavaScript y este los guarde mientras en un arreglo para que en su momento y mostrarlos, mientras se guarda el reporte...
Se que esto no es tan facil pues pero si alguien tiene una idea mejor y/o sabe como le puedo hacerlo, agradeceria mucho sus comentarios, documentacion que pudiera servirme
Código:
<HTML>
<HEAD>
<TITLE>Lista</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function mirarLista(form)
{
var resultado = "";
var resultado_id = "";
for (var i = 0; i < form.lista.length; i++) // un for para recorrer todo la lista
{
if (form.lista.options[i].selected) // nos fijamos si cada elemento está seleccionado
{
resultado = resultado + "\n - " + form.lista.options[i].text // armamos una variable que le vamos agregando los elementos seleccionados
// resultado_id = resultado_id + "\n " + form.lista.options[i].value // armamos una variable que le vamos agregando los elementos seleccionados
}
}
alert("Seleccionaste :" + resultado + resultado_id) // mostramos todos los ídem seleccionados
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#0099ff">
<FORM NAME="formulario">
<table width="100%" border>
<tr bgcolor="#0066ff">
<th width="40%">LISTA</th>
<th width="25%">Seleccione</th>
<th width="10%">Agregar</th>
</td>
<tr bgcolor="#0066ff">
<td width="40%">
</td>
<td width="25%" align="center">
<p>Con Ctrl + Clickeando el mouse seleccionas varios :</p>
<SELECT NAME="lista" SIZE=6 MULTIPLE>
<OPTION SELECTED>Color Monitor</OPTION>
<OPTION value="0">Modem</OPTION>
<OPTION value="1" >Impresora</OPTION>
<OPTION value="2">CD</OPTION>
<OPTION value="3">Sonido</OPTION>
<OPTION value="4"> WebCam</OPTION>
</SELECT>
</td>
<td width="10%" align="center">
<INPUT TYPE="button" VALUE="Agregar" onClick="mirarLista(this.form)">
</td>
</tr>
</table>
</FORM>
</BODY>
</HTML>
