提问者:小点点

PHP/Javascript创建新输入取决于用户给出的值


我创建了一个项目,用户给一些数字,他按下按钮后,下一页将显示一些表格,我想有作为输入字段的数字,用户给之前。

下面是用户给出的带有编号的表单。

<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>

在其他的帖子中,我发现如何创建新的输入与按钮,但我没有发现如何做它自动取决于一些数字前一页。


共1个答案

匿名用户

像这样的东西

我不懂希腊文,所以我不知道你到底想要什么

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>