Creazione dinamica di input text si può??

**Peter_Pan** · 24-03-2005, 11:27

Vi spiego il mio problema, ho un piccolo form praticamente 4 input text e un pulsante aggiungi, io vorrei compilare questo form, fare aggiungi e mettere le informazioni in dei campi hidden chiamandoli dinamicamente nome1, cognome1, mail1 ecc. visto che non so quante volte cliccherò sul pulsante aggiungi devo fare in modo che in Javascript aggiungo i campi hidden e metto i valori dei text. Si può fare e come?? Devo fare ciò perchè una volta inserito i dati di tutti queste persone clicchrò sul pulsante salva e una pagina asp prenderà tutti i campi hidden e li inserisce in un DB.

**Peter_Pan** · 24-03-2005, 14:24

codice:

<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
var numerazione=0
var arrNome = new Array();
var arrTitle = new Array();
var arrEnte = new Array();
var arrMail = new Array();

function aggiungi(valore)	{
	
	var riga = document.createElement("option"); 
	var strName = document.frmAutori.Name.value;
	
	//Controlla se il campo Name è vuoto non inserisce niente
	if (strName=="") return false; 
	
	var strTitle = document.frmAutori.Title.value;
	var strEnte = document.frmAutori.Ente.value;
	var strMail = document.frmAutori.Mail.value;
	var InputInseriti 
	
	numerazione = numerazione+valore
	
	riga.text=strName; 
	riga.value=numerazione; 
	
	arrNome[numerazione] = strName
	arrTitle[numerazione] = strTitle
	arrEnte[numerazione] = strEnte
	arrMail[numerazione] = strMail
	
	document.getElementById('sltRiepilogo').add(riga);
	
	
	InputInseriti = "";
	for (i = 1; i<arrNome.length; i++)
	{
		InputInseriti = InputInseriti + "<input type='text' name='Name"+i+"' value='"+arrNome[i]+"'>
<input type='text' name='Title"+i+"' value='"+arrTitle[i]+"'>
<input type='text' name='Ente"+i+"' value='"+arrEnte[i]+"'>
<input type='text' name='Mail"+i+"' value='"+arrMail[i]+"'>

";
	}
	
	
	document.getElementById('Inserimento').innerHTML=InputInseriti;
	
	//Sbianco i campi dopo l'inserimento
	document.frmAutori.Name.value = "";
	document.frmAutori.Title.value = "";
	document.frmAutori.Ente.value = "";
	document.frmAutori.Mail.value = "";
	
} 

function salva()	{
	document.frmAutori.action="elabora.asp?numero="+numerazione;
	document.frmAutori.submit();
}
</script>
</head>

<body>
<form name="frmAutori" method="post" action="elabora.asp">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td width="13%">Name:</td>
      <td width="21%"><input type="text" name="Name"></td>
      <td width="66%" rowspan="4">
	  	<select name="sltRiepilogo" id="sltRiepilogo" size="5">
          
        </select></td>
    </tr>
    <tr> 
      <td>Title:</td>
      <td> <input type="text" name="Title"> </td>
    </tr>
    <tr> 
      <td>Ente</td>
      <td><input type="text" name="Ente"></td>
    </tr>
    <tr> 
      <td>Mail</td>
      <td><input type="text" name="Mail"></td>
    </tr>
    <tr> 
      <td></td>
      <td><input type="button" name="ADD" value="Aggiungi" onClick="aggiungi(1)"></td>
      <td></td>
    </tr>
    <tr> 
      <td></td>
      <td><input type="button" name="Salva" value="Salva" onClick="salva()"></td>
      <td></td>
    </tr>
    <tr> 
      <td><div id="inserimento"></div></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</form>
</body>
</html>

Discussione: Creazione dinamica di input text si può??

Strumenti discussione

Ricerca discussione

Visualizza

Creazione dinamica di input text si può??

mi controllate se può andar bene

Permessi di invio