如何从 javascript 变量发送表单值并在 php 中作为整数接收？ [复制]

Question

我的表单会将数据发布到名为 numberActionPage.php 的 php 中。我要发布的变量周围有两个按钮（一个+ 和一个-），它们只是通过加减一个来更改变量。我遇到的问题是我找不到方法来检索我的 Javascript number 变量的值。我注意到的另一个潜在问题是$_POST 在 PHP 中导致 string。不过，我并不关心将负数发布到操作页面，因为在实际程序中，负数永远不会低于 1。

例如，我的 Javascript 看起来像这样：

var number = 5;

function subtractNumber()       {
        number--;
        document.getElementById("numberID").innerHTML = number;
}

function addNumber()    {
        number++;
        document.getElementById("numberID").innerHTML = number;
}

我的 html 看起来像这样：

<form action="numberActionPage.php" method="post">
    Number:
       <button type="button" onclick="subtractNumber()">-</button>
    <a id="numberID"> <input type="hidden" value="5" name="number">  <script>document.write(number);</script>        </a>    
       <button type="button" onclick="addNumber()">+</button>
    <br>
    <p><input type="submit" value="Submit" /></p>
</form>

我的 numberActionPage 如下所示：

$number = (int)htmlspecialchars($_POST['number']);
echo $number;

输出 = 5 on actionNumberPage

---

所以，重申一下我的问题：我需要一种方法让我的表单中输入元素的value="5" 部分接收javascript 变量number 的值。寻找诸如：

value="<script>retrieveNumber()</script>"

另外，我是否正确准备了$_POST 变量？将其正确转换为整数。

感谢您的时间和建议。

Answer 1

您要做的是更新名为 number 的隐藏输入并更改其值。这样在提交时输入的值将像正常输入一样发送到下一页。我给输入的 id 是 'inputNumber'

像这样

<form action="numberActionPage.php" method="post">
    Number:
       <button type="button" onclick="subtractNumber()">-</button>
    <a id="numberID"> <input type="hidden" id="inputNumber" value="5" name="number">  <script>document.write(number);</script>        </a>    
       <button type="button" onclick="addNumber()">+</button>
    <br>
    <p><input type="submit" value="Submit" /></p>
</form>

更改您的脚本，以便在按下按钮时更新输入值。

function subtractNumber()       {
        number--;
        document.getElementById("numberID").innerHTML = number;
        document.getElementById("inputNumber").value = number;
}

function addNumber()    {
        number++;
        document.getElementById("numberID").innerHTML = number;
        document.getElementById("inputNumber").value = number;
}