我创建了一个项目,用户给一些数字,他按下按钮后,下一页将显示一些表格,我想有作为输入字段的数字,用户给之前。
下面是用户给出的带有编号的表单。
<form action="9660egmeters.php" method="post">
<table>
<tr>
<td>M 9660 European Groove</td>
<td>Μ/Φ</td>
<td>Δ/Φ</td>
</tr>
<tr>
<td>Ποσότητα</td>
<td><input type="text" name="value1"></td>
<td><input type="text" name="value2"></td>
</tr>
<tr>
<td>Διαφορετικά Μεγέθη</td>
<td><input type="text" name="diff1"></td>
<td><input type="text" name="diff2"></td>
</tr>
<tr>
<td>Πόρτες</td>
<td><input type="text" name="doors1"></td>
<td><input type="text" name="doors2"></td>
</tr>
<tr>
<td>Παράθυρα</td>
<td><input type="text" name="windows1"></td>
<td><input type="text" name="windows2"></td>
</tr>
<tr>
<td>Πατζούρι</td>
<td><input type="text" name="shutter1"></td>
<td><input type="text" name="shutter2"></td>
</tr>
</table>
<input type="submit">
</form>
下面是我希望在其中创建新输入字段的下一个表,具体取决于用户为每个表提供的数字。
<?php
//ΥΨΟΣ ΠΛΑΤΟΣ ΟΛΩΝ ΑΥΤΩΝ ΠΟΥ ΕΧΕΙ ΕΠΙΛΕΞΕΙ
$value1 = $_POST["value1"];
$value2 = $_POST["value2"];
$diff1 = $_POST["diff1"];
$diff2 = $_POST["diff2"];
$doors1 = $_POST["doors1"];
$doors2 = $_POST["doors2"];
$windows1 = $_POST["windows1"];
$windows2 = $_POST["windows2"];
$shutter1 = $_POST["shutter1"];
$shutter2 = $_POST["shutter2"];
?>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Παράθυρα Μ/Φ χωρίς Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Παράθυρα Μ/Φ με Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Πόρτα Μ/Φ χωρίς Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Πόρτα Μ/Φ με Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Παράθυρο Δ/Φ χωρίς Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Παράθυρο Δ/Φ με Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Πόρτα Δ/Φ χωρίς Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
<table>
<tr>
<td></td>
<td>ΠΛΑΤΟΣ</td>
<td>ΥΨΟΣ</td>
</tr>
<tr>
<td>Πόρτα Δ/Φ με Παντζούρι</td>
---------here i want the new inputs-----
</tr>
</table>
在其他的帖子中,我发现如何创建新的输入与按钮,但我没有发现如何做它自动取决于一些数字前一页。
像这样的东西
我不懂希腊文,所以我不知道你到底想要什么
null
$("form").on("submit", function(e) {
e.preventDefault();
let html = [];
$(":input").each(function(i) {
let num = this.value;
if (num !== "" && !isNaN(num)) {
num = +num;
html.push(`<table>
<thead>
<tr>
<th></th>
<th>ΠΛΑΤΟΣ</th>
<th>ΥΨΟΣ</th>
</tr>
</thead>
<tbody id="tb${i}">
<tr>
<td>Παράθυρα Μ/Φ χωρίς Παντζούρι</td>`)
for (let i = 0; i < num; i++) {
html.push(`<td><input type="text" name="${this.name}" value="" /></td>`)
}
html.push(`</tr></tbody></table>`);
$("#output").html(html.join(""));
console.log(html)
}
})
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="9660egmeters.php" method="post">
<table>
<thead>
<tr>
<th>M 9660 European Groove</th>
<th>Μ/Φ</th>
<th>Δ/Φ</th>
</tr>
</thead>
<tbody id="tb1">
<tr>
<td>Ποσότητα</td>
<td><input type="text" name="value1"></td>
<td><input type="text" name="value2"></td>
</tr>
<tr>
<td>Διαφορετικά Μεγέθη</td>
<td><input type="text" name="diff1"></td>
<td><input type="text" name="diff2"></td>
</tr>
<tr>
<td>Πόρτες</td>
<td><input type="text" name="doors1"></td>
<td><input type="text" name="doors2"></td>
</tr>
<tr>
<td>Παράθυρα</td>
<td><input type="text" name="windows1"></td>
<td><input type="text" name="windows2"></td>
</tr>
<tr>
<td>Πατζούρι</td>
<td><input type="text" name="shutter1"></td>
<td><input type="text" name="shutter2"></td>
</tr>
</tbody>
</table>
<input type="submit">
</form>
<hr/>
<div id="output"></div>