AppendChild Form / Table [Javascript/Html/PHP]
AppendChild Form / Table [Javascript/Html/PHP]
我的主要问题是,我有一个非常好的添加/删除表单的能力,但问题是,执行一种类型的追加会使输入显示出来(正是我想要的),但实际上不会添加到表单中,而另一种会使表单不可见,但你可以在$_POST
上看到它弹出。
<script language="javascript">
function addRow(tableID,texting,values) {
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 = texting+":";
var cell3 = row.insertCell(2);
var element2 = document.createElement("input");
element2.type = "text";
element2.name = texting; // Change this dummy.
if(tableID == "levelup")
element2.name += "rate";
if(values != "" && values != null && values != "undefined")
element2.value = values;
cell3.appendChild(element2); //This isn't hidden but no works, wat?
//document.forms[1].appendChild(element2); //This works but is hidden
//document.forms[1].write("hi!");
}
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>
<html>
<table>
<tr><td>Add statistic:</td></tr>
<form action="<?php echo $PHP_SELF; ?>" method="post" enctype="multipart/form-data">
<tr><td><input type="text" name="addme"><input type="button" value="add" onclick="addRow('formulas',document.forms[0].addme.value); addRow('levelup',document.forms[0].addme.value,'1+'+document.forms[0].addme.value)"/></td><td><input type="button" value="Delete" onclick="deleteRow('formulas'); deleteRow('levelup')"/></td></tr>
</form>
<form action="<?php echo $PHP_SELF; ?>" method="post" enctype="multipart/form-data">
<tr><td>Formula name:</td><td><input type="text" name="formulaname"></td></tr>
<tr><td>Statistics at level 1(required)</td></tr>
<tr>
<table>
<tr><td>Level 1:</td></tr>
<tr><td>Move speed:</td><td><input type="text" value="1" name="movespeed"></td></tr>
<tr><td>Stats:</td></tr>
<tr><td><table id="formulas"></table></td></tr>
</table></tr>
<tr><td>Level up Formula Rates</td></tr>
<table>
<tr><td>Move speed:</td><td><input type="text" value="Mov+1" name="Movrate"></td></tr>
<tr><td>Experience:</td><td><input type="text" value="(Exp*0.25)*Exp*Lvl+(0.25*Mov)" name="Exprate"></td></tr>
<tr><td><table id="levelup"></table></td></tr>
</table>
<tr><td><input type="submit" value="Save"/></td></tr>
</form>
</table>
</html>
这不起作用,因为您在表单外追加了一个新行。将表拆分为两个单独的表,一个用于第一个表单,另一个用于第二个表单。然后将表格包装在当前表格中的表单标签中
结果应具有以下结构:
<form>
<table> (add statistics form) </table>
</form>
<form>
<table> (formulas) </table>
</form>
相关文章:
- AppendChild Form / Table [Javascript/Html/PHP]
- 我怎样才能为一个简短的项目托管 HTML/PHP/MySQL
- 如何在不包含导航选项卡内容、页脚和头部的情况下打印 HTML/PHP 页面
- 如何从不同的html.php文件中记录.getElementById().inerHTML
- 禁用在特定页面上执行Javascript(HTML/PHP)
- JS:最后一个输入元素的名称(HTML/PHP)
- 使用html/php编辑动态创建的结果集
- 创建一个 HTML/PHP 页面,非开发人员可以在以后更改图像
- "Share-to-Facebook" html / php / js
- 使用 Node Clone 重复 HTML/PHP 代码
- HTML - PHP 中的“点击”确认功能
- 将 HTML PHP 网页导出到图像
- 通过 https 请求访问和读取 html/php 页面,由 htaccess apache2 Server 后面的 Q
- HTML/PHP 电子邮件表单
- 无法让 HTML/PHP/JavaScript 幻灯片代码正常工作
- jQuery AJAX 格式 - HTML PHP 表单格式在加载后自动更改
- HTML / PHP表单来计算简单公式的显示结果
- html/php 页面上的 Jquery 日期和时间
- 如何在html/php中包含外部js并调用函数
- 如何将我的自定义javascript代码添加(链接)到任何html/php页面