动态可扩展形式
dyninamicly extendable form
好吧,也许我在这里忽略了一些非常简单的东西,但我似乎无法弄清楚这一点。我正在尝试使我的表单动态可扩展。
我的问题是我无法让这段代码工作:
<html>
<head>
<?php
$i = 1;
$p = 1;
$r = 1;
?>
<script language="javascript">
function add()
{
document.getElementById("groesse").innerHTML = document.getElementById("grosse").innerHTML+"<input type='text' name='groesse[<?php echo $i;?>]'>";
document.getElementById("preis_l").innerHTML = document.getElementById("preis_l").innerHTML+"<input type='text' name='preis_a[<?php echo $p;?>]'>";
document.getElementById("preis_a").innerHTML = document.getElementById("preis_a").innerHTML+"<input type='text' name='preis_l [<?php echo $r;?>]'><br>";
<?php
$i = $i + 1;
$p = $p + 1;
$r = $r + 1;
?>
}
</script>
</head>
<body>
<?php
if ($_REQUEST['Selected'] == 'Speisekarte')
{
echo '<br><br><br><br>';
echo '<input type="button" value="+" onClick="add()">';
echo '<form action="insert.php" method="submit">';
echo '<table border="1">';
echo '<tr><td>ID</td><td>Name</td><td>Beschreibung</td><td>Größe</td><td>Preis_L</td><td>Preis_A</td></tr>';
echo '<tr><td><input type="text" id="ID" name="ID"></td>';
echo '<td><input type="text" id="Name" name="Name"></td>';
echo '<td><input type="text" id="Beschreibung" name="Beschreibung"></td>';
echo '<td id="groesse"></td>';
echo '<td id="preis_l"></td>';
echo '<td id="preis_a"></td>';
echo '</tr></table><input type="hidden" value="Speisekarte">';
echo '<button type="submit">OK</button></form>';
}
?>
</body>
</html>
我希望当有人轻舔+
按钮时,我的表单在具有特定 ID 的表中会获得更多 3 个文本字段。我也尝试了使用 div
-Tags 但这也不起作用。
我希望有人能帮助我。
你不能使用
php 客户端,只有当访问者通过 GET 或 POST 请求页面时,它才会在服务器上解析,因此使用 $i = $i + 1 在客户端不起作用。顺便说一下,请改用 $i++。
你可以只用javascript来解决这个问题,或者,作为替代方案,提交表单并再次显示表单,其中包含所需的额外字段,以便您可以使用php来完成。
我建议你看看jQuery,并通过demo查看这个答案:如何使用jQuery动态添加表单元素(致谢PSL)
相关文章:
- 可扩展的画布作为Google Maps Javascript API中的覆盖
- 如何在可扩展ui网格中绑定子网格事件
- 在Knockout中扩展动态和映射数据
- 当从Chrome扩展动态注入JS时,从onload()内部调用方法
- 带有嵌入脚本的SVG可扩展到浏览器的可用空间
- 如何为表构建可扩展的子行(jQuery/Javascript)
- 如何以可扩展和可折叠的树形结构显示XML模式
- 访问可扩展QML应用程序中的列表视图索引
- 未能执行'waitUntil'在'可扩展事件'
- 从chrome扩展动态创建Google工作表
- Raphael.js世界地图:如何使其可扩展
- 通过命令按钮单击更改丰富面可扩展数据表高度
- 需要创建可扩展的目录
- 如何将 Backbonejs 用于大型可扩展应用程序
- jQuery 三点插件,但可扩展
- 动态可扩展形式
- 在动态可扩展列表中标记单击的项目
- 在动态生成的“网格视图”中滑动切换;“可扩展”;行
- 动态树:如何使包含惰性子节点可扩展
- 动态生成javascript可扩展列表