[Javascript] manovrare valori di una form

**torpedoblu** · 02-04-2008, 15:34

ciao raga, non sono pratico di javascript.

ho una form con 3 tabelle, ogni tabella ha dei campi simili alle altre (coordinate bancarie)

devo poter copiare i campi completati nella prima tabella in una delle altre 2 (una delle 2) e per farlo pensavo javascript

diciamo che per generalizzare il form è così:

codice:

<html>
<head>

	<script language="javascript">
		function change{}
	</script>
</script>

</head>
<body>
<form>
<table id="tabella1">
	<tr>
	<td><input type="text" name="primo" size="5"></td>
	<td><input type="text" name="secondo" size="5"></td>
	<td><input type="text" name="terzo" size="5"></td>	
	</tr>
</table>
<table id="tabella2">
	<tr>
	<td><input type="text" name="primo" size="5"></td>
	<td><input type="text" name="secondo" size="5"></td>
	<td><input type="text" name="terzo" size="5"></td>
	<td><input type="button" name="copia" value="copia" onrelease="copia()"></td>
	</tr>
</table>
<table id="tabella3">
	<tr>
	<td><input type="text" name="primo" size="5"></td>
	<td><input type="text" name="secondo" size="5"></td>
	<td><input type="text" name="terzo" size="5"></td>
	<td><input type="button" name="copia" value="copia" onrelease="copia()"></td>
	</tr>
</table>
</form>
</body>
</html>

come posso fare la funzione copia? devo farne 2? devo estrapolare tramite gli id penso (devo metterli prima) a come seleziono i campi della tabella 2 o 3 per copiarli dalla 1?

**Nick.ferro** · 02-04-2008, 15:56

devi copiare i valori dalla tabella uno alla tabella 2 o 3??
Non ho bene capito :master:

**luna80** · 02-04-2008, 16:04

ciao,
dovresti dare dei nomi differenti ad ogni textbox ed aggiungere il tag id ad essi, in seguita la funzione sarebbe qualcosa del genere

codice:

<html>
<head>

	<script language="javascript">
		function change{}
                function copia(tabella)
                {
                    if(tabella=="2")
                    {
                          document.getElementById("quarto").value = document.getElementById("primo").value;
                          document.getElementById("quinto").value =   document.getElementById("secondo").value;
                          ...
                   }
                   else if(tabella=="3")
                    {
                          document.getElementById("settimo").value = document.getElementById("quarto").value;
                          document.getElementById("ottavo").value =   document.getElementById("quinto").value;
                          ...
                   }

                }
          </script>

</head>
<body>
<form>
<table id="tabella1">
	<tr>
	<td><input type="text" name="primo" id="primo" size="5"></td>
	<td><input type="text" name="secondo" id="secondo" size="5"></td>
	<td><input type="text" name="terzo" id="terzo" size="5"></td>	
	</tr>
</table>
<table id="tabella2">
	<tr>
	<td><input type="text" name="quarto" id="quarto" size="5"></td>
	<td><input type="text" name="quinto" id="quinto" size="5"></td>
	<td><input type="text" name="sesto" id="sesto" size="5"></td>
	<td><input type="button" name="copia" value="copia" onrelease="copia('2')"></td>
	</tr>
</table>
<table id="tabella3">
	<tr>
	<td><input type="text" name="settimo" id="settimo" size="5"></td>
	<td><input type="text" name="ottavo" id="ottavo" size="5"></td>
	<td><input type="text" name="nono" id="nono" size="5"></td>
	<td><input type="button" name="copia" value="copia" onrelease="copia('3')"></td>
	</tr>
</table>
</form>
</body>
</html>

qualcosa come qui sopra...cmq tutto può essere migliorato (o complicato) a dipendenza del tuo caso specifico. i campi delle tabelle sono sempre gli stessi o son dinamici?

Discussione: [Javascript] manovrare valori di una form

Strumenti discussione

Ricerca discussione

Visualizza

[Javascript] manovrare valori di una form

Permessi di invio