Ciao,
è possibile creare elementi html dinamicamente e poi passarne i valori tramite un form via POST?
Ad esempio vorrei creare un pulsante attraverso il quale aggiungere delle textbox in un form.
All'evento submit vorrei poi prendere i valori in tutte le textbox e unirli in un unica stringa e inviarli quindi tramite POST.
Se si mi potete aiutare?
Grazie.
Io sto impazzendo.
Voglio fare un modulo d'ordine e ho creato, attinto, copiato :-) e modificato questo:
<SCRIPT language="javascript">
function addRow(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell1 = row.insertCell(0);
var element1 = document.createElement("input");
element1.type = "checkbox";
cell1.appendChild(element1);
var cell2 = row.insertCell(1);
cell2.innerHTML = rowCount + 1;
var cell3 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "cod";
element2.placeholder = "Codice prodotto";
cell3.appendChild(element2);
var cell3 = row.insertCell(3);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "des";
element2.placeholder = "Descrizione";
cell3.appendChild(element2);
var cell3 = row.insertCell(4);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "for";
element2.placeholder = "Formato";
cell3.appendChild(element2);
var cell3 = row.insertCell(5);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = "quant";
element2.placeholder = "Quantità";
cell3.appendChild(element2);
}
function deleteRow(tableID) {
try {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
for(var i=0; i<rowCount; i++) {
var row = table.rows[i];
var chkbox = row.cells[0].childNodes[0];
if(null != chkbox && true == chkbox.checked) {
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}
</SCRIPT>
</head>
<body>
<h1>Ordine</h1>
<form id="form1" name="form1" method="post" action="invio.php">
<INPUT type="button" value="Aggiungi una Riga" onclick="addRow('dataTable')" />
<INPUT type="button" value="Cancella una Riga" onclick="deleteRow('dataTable')" />
<TABLE id="dataTable" width="350px" border="1">
<TR>
<TD><INPUT type="checkbox" name="chk"/></TD>
<TD> 1 </TD>
<TD> <INPUT type="text" name="cod" id="cod" placeholder="Codice prodotto"> </TD>
<TD> <INPUT type="text" name="des" id="des" placeholder="Descrizione"/> </TD>
<TD> <INPUT type="text" name="for" id="for" placeholder="Formato"/> </TD>
<TD> <INPUT type="text" name="quant" id="quant" placeholder="Quantità"/> </TD>
</TR>
</TABLE>
<input type="submit" name="Invia ordine" id="Invia ordine" value="Invia Ordine" />
</form>
Collegandolo a questo php:
<?php
$cod=$_POST['cod'];
$des=$_POST['des'];
$for=$_POST['for'];
$quant=$_POST['quant'];
$destinatario = "mioindirizzo@mioserver.xx";
$oggetto = "Ordine";
$messaggio = "Codice articolo: $cod\n";
$messaggio .= "Descrizione: $des\n";
$messaggio .= "Formato: $for\n";
$messaggio .= "Quantità: $quant\n";
$da = $email;
$intestazione = "From: $da";
mail($destinatario,$oggetto,$messaggio,$intestazio ne);
?>
Il problema è che aggiungendo le righe il php mi invia i risultati dell'ultima riga.
Dove devo correggere?
Rileggi le risposte di artorius per come si recuperano i dati in php da un form dinamico, oppure cerca sul forum php qualche discussione simile
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Ho letto, ma non sono riuscito ad applicare quello che ha scritto artorius. Sono proprio alle basi
A) Incarichi qualcuno che lo faccia per te (vedi forum annunci lavori/collaborazioni attenzione leggi bene i regolamenti)Originariamente inviata da Giuppyone
B) Ti studi il php dall'inizio (vedi guide php di html.it)
C) Rinunci
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Ammazza. Immaginavo piú disponobilità.
Sono indecido tra B e C. Vi farò sapere
Per avere maggiore disponibilità bisogna scrivertelo (e non è detto che non accada) la descrizione mi sembra abbastanza chiara d'altronde se non si hanno le basi del linguaggio
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Permessi di invio
Rispondi quotando