Ciao, volevo fare un form in cui si permetteva agli utenti di aggiungere eventuali campi opzionali in pių "clonando" quello definito in HTML.
Per ottenere questo ho scritto il seguente codice (qui ce n'č solo un'estrapolazione).
Il problema č che, come potete provare in da questa pagina, una volta creati i nuovi campi ed inserito il contenuto, se si preme il pulsante d'invio, PHP non riceve niente se non il primo campo inserito.Codice PHP:<?php
if (isset($_POST) && !empty($_POST))
print_r($_POST);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Testtttt</title>
<script type="text/javascript">
var count = 0;
function updateId(element, oldID, newID) {
element.id.replace("["+(oldID-1)+"]", "["+(count)+"]")
}
function addAnotherField() {
var upNew = document.getElementById("Input["+count+"]").cloneNode(true);
count++;
upNew.id = upNew.id.replace("["+(count-1)+"]", "["+(count)+"]");
var fields = upNew.getElementsByTagName("input");
for (var i = 0; i < fields.length; i++) {
fields[i].id = fields[i].id.replace("["+(count-1)+"]",
"["+(count)+"]");
fields[i].name = fields[i].name.replace("["+(count-1)+"]",
"["+(count)+"]");
if (fields[i].id == "Data["+count+"]")
fields[i].value = "no";
if (fields[i].id == "Info["+count+"]")
fields[i].value = "ok";
}
document.getElementById("Inputs").appendChild(upNew);
};
</script>
</head>
<body>
<table>
<form method="post">
<tbody id="Inputs">
<tr id="Input[0]">
<td>
<input id="Data[0]" type="text" name="nice[0]" value="no" style="width:200px;" onclick="if (this.value == 'no') this.value='';" onblur="if (this.value == '') this.value='no';" />
</td>
<td>
<input id="Info[0]" type="text" value="ok" name="bad[0]" style="width:200px;" onclick="if (this.value == 'ok') this.value='';" onblur="if (this.value == '') this.value='ok';" />
</td>
</tr>
</tbody>
<tr>
<td>
<input type="button" value="+" onclick="addAnotherField();" />
</td>
<td>
<input type="submit" name="send" value="Ok" />
</td>
</tr>
</form>
</table>
</body>
</html>
Praticamente, tutti i campi Data[i+1] e Info[i+1] correttamente generati (ho controllato con i vari debugger per FF) non vengono inclusi nel form...
La cosa strana č che se io facessi qualcosa tipo:
Tutti i campi verrebbero disabilitati; compresi quelli che ho creato io tramite la "clonazione"... Quindi di fatto vengono inseriti correttamente nell'albero DOM.codice:var fields = document.getElementsByTagName("input"); for (var i = 0; i < fields.length; i++) { fields[i].disabled = "true"; }
Il vero problema, mi pare che sia nel form; che di fatto non riconosce come "propri" gli elementi aggiunti.
Qualche idea? Grazie...
Rispondi quotando
