我正在设计一个动态输入表单,它实际上充当用户GUI,用于在mysql数据库中创建表.
Javascript
var counter = 0;
function moreFields() {
counter++;
var newFields = document.getElementById('poptemplate').cloneNode(true);
newFields.id = '';
newFields.style.display = 'block';
var newField = newFields.childNodes;
for (var i=0;i<newField.length;i++) {
var fieldname = newField[i].name;
if (fieldname){
newField[i].name = fieldname + counter;
}
}
var insertHere = document.getElementById('catidtable');
insertHere.parentNode.appendChild(newFields);
}
window.onload = moreFields;
Run Code Online (Sandbox Code Playgroud)
HTML
<div id="poptemplate" style="display: none" >
<table border="3">
<tr>
<td>Field Name:</td>
<td><input class="renameme" form="catform" type="text" name="fieldname_input" /></td>
</tr>
<tr>
<td>Data Type:</td>
<td><?php $typedown->displayList(); ?></td>
</tr>
<tr>
<td colspan='2'><input type="button" value="Remove …Run Code Online (Sandbox Code Playgroud)