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>