modulo form con scelta da lista

**pupopupo** · 27-08-2004, 19:18

dunque... avrei questo problema:
mi trovo con una lista in un elemento/menu, vorrei avere due pulsanti, tipo aggiungi/rimuovi, che mi peremttano di selezionare da un elenco ed inserirli in un secodno. una volta terminata la scelta, vorrei poterla inviare normalmente con un submit...

il problema è che non riesco a portare dal primo al secondo menu le mie scelte..

allego il frammento di codice...

<body>
<form name="form2" method="get" action="">

<select name="select" size="5" multiple>
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
</select>
<input type="button" name="Submit" value="inserisci">

<input type="submit" name="Submit2" value="rimuovi">
<select name="select2" size="5">
</select>
<input type="submit" name="Submit3" value="Invia">
<input type="reset" name="Submit4" value="Ripristina">
</p>
</form>
</body>

grazie a tutti per le eventuali idee...

**Sora88** · 27-08-2004, 21:41

Correggimi se sbaglio:

Hai due select e vorresti, tramite due bottoni, passare gli elementi selezionati del primo al secondo oppure toglierli e poi con un sumbit inviare gli elementi del secondo?

**pupopupo** · 28-08-2004, 18:39

esatto.

dalla prima lista passo alla seconda e da questa fare il submit.
un esempio pratico potrebbe essere la rubrica di outlook express quando devi scegliere i destinatari della mail, puoi aggingere o togliere al campo di destra..

**Sora88** · 28-08-2004, 18:47

Capito...avevo visto tempo fa non so dove uno script.. purtroppo non ricordo dove

Allora... proverò a ricrealo o a cercarlo!

**pupopupo** · 30-08-2004, 20:55

anche io mi ricordo di aver visto qualcosa di simile, se lo trovi avvertimi grazie..

**Sora88** · 30-08-2004, 21:22

codice:

len=document.form1.select1;
len2=document.form1.select2;

for (i=0; i<len.options.lenght; i++) {

if (len.options[i].select=="true") {

valore=len.options[i].value;
len.options[i]=null;
len2.options=new Option(valore,valore);

}
}

questo lo toglie dal select1 e lo mette del 2 (non so se va! l'ho fatta al momento)

**pupopupo** · 31-08-2004, 10:36

lo provo questa sera e ti dico.. grazie per adesso

**Sora88** · 31-08-2004, 11:49

Ieri sera quando ho postato quel codice ero mezzo addormentato =__=
Oggi pome lo faccio giusto ok?

(Faccio tutta la pagina html, poi tu la adatti alla tua! ^^)

byez

**Sora88** · 31-08-2004, 15:53

codice:

<html>
<head>
<script language="javascript" type="text/javascript">
function transfer(inizio,fine) {
var primo=eval("document."+inizio);
var secondo=eval("document."+fine) ;
if (primo.selectedIndex<0) {
alert("Non hai selezionato nulla!") }
else {
var valore=primo.options[primo.selectedIndex].value;
var testo=primo.options[primo.selectedIndex].text; 
primo.options[primo.selectedIndex]=null;
var gran = secondo.options.lenght;
var objoption = new Option();
objoption.value = valore;
objoption.text = testo;
secondo.add(objoption,gran);
}
}
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpagging="0">
<tr><td><form name="myform1">
<select name="one" size="5">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select></form>
</td><td style="text-align:center">
<input type="button" onclick="transfer('myform1.one','myform2.two')" value="››">

<input type="button" onclick="transfer('myform2.two','myform1.one')" value="‹‹">

</td>
<td><form name="myform2">
<select name="two" size="5">
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
</td><td valign="middle"><input type="button" value="Invia select 2" onclick="document.myform2.submit();"></td>
</tr></table>
</body>
</html>

Ecco qui il codice funzionante!! ^^
Ho messo anche un alert se non selezioni nulla e premi il bottone di transferimento!

Byez

**pupopupo** · 31-08-2004, 20:46

è più che perfetto..
giusto per conoscenza va a sostituire il mio vecchio codice che è questo...
l'ho ristretto a 1 mentre era per 18..
giusto per farti capire la grande utilità..

ma se ti può rincuorare, metà della vincita del fantacalcio tra noi amici la devolviamo sempre in beneficenza..

ti farò vedere la pagina definitiva se ti interessa...

<head>
<title>Marchigiana F.D.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#000066" text="#CCCCCC">

<font color="#66FFFF"><font color="#CCCCCC" face="Verdana, Arial, Helvetica, sans-serif">Marchigiana
F. D.</font></font></p>
<form method="post" enctype="text/plain" ACTION="mailto:www@yyy.it ?subject=formazione Marchigiana FD">
<table width="90%" border="0" height="355">
<tr valign="top">
<td width="18%" height="351"> <p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1" color="#CCCCCC">titolari</font></p>
<p align="right"><font color="#CCCCCC" face="Verdana, Arial, Helvetica, sans-serif">
1.
<select name="1">
<option value=" "></option>
<option value="pelizzoli -p">pelizzoli</option>
<option value="lupatelli -p">lupatelli</option>
<option value="zotti -p">zotti</option>
<option value="---------------------">---------------------</option>
<option value="thuram -d">thuram</option>
<option value="cordoba -d">cordoba</option>
<option value="cannavaro -d">cannavaro</option>
<option value="montero -d">montero</option>
<option value="candela -d">candela</option>
<option value="sensini -d">sensini</option>
<option value="favalli -d">favalli</option>
<option value="bonera -d">bonera</option>
<option value="---------------------">---------------------</option>
<option value="zenoni d. -c">zenoni d. </option>
<option value="pirlo -c">pirlo</option>
<option value="dalmat -c">dalmat</option>
<option value="nervo -c">nervo</option>
<option value="carbone -c">carbone</option>
<option value="pinzi -c">pinzi</option>
<option value="emre -c">emre</option>
<option value="almeyda -c">almeyda</option>
<option value="---------------------">---------------------</option>
<option value="inzaghi f. -a">inzaghi f.</option>
<option value="shevcenko -a">shevcenko</option>
<option value="corradi -a">corradi</option>
<option value="lucarelli -a">lucarelli</option>
<option value="tomasonn -a">tomasonn</option>
</select>
</font></p>

<td width="19%" valign="top" height="351"> <p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="-1" color="#CCCCCC">modulo</font>
<p align="right"> <font color="#CCCCCC" face="Verdana, Arial, Helvetica, sans-serif">
<select name="modulo">
<option value="" selected> </option>
<option value="3-4-3">3-4-3</option>
<option value="3-5-2">3-5-2</option>
<option value="4-3-3">4-3-3</option>
<option value="4-4-2">4-4-2</option>
<option value="4-5-1">4-5-1</option>
<option value="5-3-2">5-3-2</option>
<option value="5-4-1">5-4-1</option>
<option value="6-3-1">6-3-1</option>
<option value="---------------">-------------------</option>
</select>
</font>
<p align="right">
<p align="right">
<p align="right">
<p align="right">
<p align="right"> </td>
<td width="22%" valign="top" height="351"> <p align="right">
<p align="right"><font face="Arial">
<input type="Reset" name="Reset" valuereset value=" reset "" onmouseover="window.status='Reset'; return true;"
onmouseout="window.status='Fantacalcio anno 2002/2003'; return true;" >
</font>
<p align="right">
<p align="right"><font face="Arial">
<input type="submit" value=" invia mail " onmouseover="window.status='Invio mail'; return true;"
onmouseout="window.status='Fantacalcio anno 2002/2003'; return true;" >
</font><font face="Arial"> </font><font face="Arial"></font>
<p align="right">
<p align="right">
<p align="right"> </td>
</tr>
</table>
</form>

</p>
</body>

</html>

Discussione: modulo form con scelta da lista

Strumenti discussione

Ricerca discussione

Visualizza

modulo form con scelta da lista

Permessi di invio