أخ new person تصميم موقعك جميل جدًا ومسلي في نفس الوقت..
يمكن تغيير الاسم عن طريق الدالة setAttribute
كالتالي:
كود:
txt.setAttribute("name","txt1");
أو عن طريق ال data member (المتغير) الذي يغير الاسم وهو name
على كل حال قد عدلت الكود لكي يعمل مع النموذج واضفت خاصية ازالة الحقول التي لا ترغب بها،
يمكن التعامل مع الحقول في ال php عن طريق المصفوفة $_POST
كود PHP:
<html>
<head>
<title>Sample code - Traversing an HTML Table with JavaScript and DOM Interfaces</title>
<script>
var x=2;
function make(){
var tbl = document.getElementById('tbl');
var tbody = document.createElement('tbody');
var tr = document.createElement("tr");
var td = document.createElement("td");
var tdName = document.createElement("td");
tdName.appendChild(document.createTextNode("Text"+x));
var tdValue = document.createElement('input');
var tdRemove = document.createElement("td");
var removeLink = document.createElement("a");
removeLink.innerHTML = "remove";
removeLink.href = "javascript:remove('txt"+x+"')";
tdRemove.appendChild(removeLink);
tdValue.setAttribute("type","text");
tdValue.setAttribute("name","txt"+x);
tdValue.setAttribute("id","txt"+x);
td.appendChild(tdValue);
tr.appendChild(tdName);
tr.appendChild(td);
tr.appendChild(tdRemove);
tbody.appendChild(tr);
tbl.appendChild(tbody);
x++;
}
function remove(id){
var element = document.getElementById(id);
var tbodyParent = element.parentNode.parentNode.parentNode;
document.getElementById('tbl').removeChild(tbodyParent);
}
</script>
</head>
<body>
<a href=javascript:make()>add</a>
<form method=post action = <?php echo $_SERVER['php_self']?>>
<table id=tbl border=1>
<tr><td>Text 1</td><td><input type=text name=txt1 id=txt1></td><td></td></tr>
</table>
<input type=submit value=submit>
</form>
</body>
</html>
<?php
print_r($_POST);
?>