javascript - 如何在 php 循环创建的表单中分配变量或使用数字？

Question

我正在开发一个非常简单的 php 页面。用户选择要相加的数字，然后在新页面上输入数字，单击按钮，然后显示总和。

我无法弄清楚如何将数字相加，因为由于循环，我不能只为每个数字分配变量。我尝试过不使用循环，为每个变量分配变量，然后简单地让按钮添加这些变量，但这需要多次为输入编写代码，并且我希望它可以与循环一起使用，以防万一我想要整合选择数百个数字之类的东西。如果 php 不是最好的方法，请让我知道什么会更好，但无论如何......我如何将用户输入的数字相加？

索引页:

<p>How many number would you like to add?</p>
<a href="calculator.php?inputs=2">2</a><br>
<a href="calculator.php?inputs=3">3</a><br>
<a href="calculator.php?inputs=4">4</a><br>
<a href="calculator.php?inputs=5">5</a><br>

计算器页面:

<?php

$inputs = $_GET['inputs'];

?>

<div>Enter the numbers<br>
        <?php
            for ($x=0; $x < $inputs; $x++) {
                echo '<input type="number"><br>';
            }
        ?>
</div>


<form action='' method='post'><input type='submit' value='Find value' name='findvalue'></form>

<?php 

if (isset($_POST['findvalue'])) {

}

?>

Answer 1

        for ($x=0; $x < $inputs; $x++) {
            echo '<input type="number"><br>';
        }

您不能使用没有任何名称的输入。您可以使用动态名称，例如:

    for ($x=0; $x < $inputs; $x++) {
        echo '<input type="number" name="number_'.$x.'"><br>';
    }

或者使用数组名称的更好方法:

    for ($x=0; $x < $inputs; $x++) {
        echo '<input type="number" name="number[]"><br>';
    }

之后，var_dump 你的 $_POST 变量。

但是，创建动态字段的最佳方法是创建一个动态字段，并在用户想要添加下一个值时使用 JavaScript 克隆它。 jQuery 示例:

<div class="myInputs"><input type="number" name="numbers[]"></div>
<a href="#" id="Add">Add input</a>
<script>
$('#Add').click(function(){
    $('.myInputs input:first').clone().appendTo(".myInputs");
    return false;
});