Question

所以我是JS的新手，我试图在JS表单上接受少量用户输入。然后，此输入将作为PHP页面上结果返回的参数转到PHP页面。

我一直在查看教程和示例，我相信我的表单已正确命名和标记，但我似乎无法提取表单数据，更不用说将其发送到另一个页面了。我一直在寻找一个小时，但仍然没有运气。：（

作为参考，我的JS表单是 page1.html ，我需要数据的PHP表单是 page2.php 。（在同一文件路径中）

下面是我的表单代码，顶部的脚本只是我尝试获取数据。

如果有人可以告诉我如何将表单数据发送到＆＃34; page2.php ＆＃34;我会非常感激的！我只需要两个文本框输入以及性别类型。

<HTML>
<HEAD>
<TITLE>Test Input</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function testResults () {
    var minWeight = form.minWeight.value;
    var maxWeight = form.maxWeight.value;
    var genderType = form.genderType.value;
    alert ("Weight Range: " + minWeight + " - " + maxWeight + "\n for all " + 
            genderType + "s" );
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="myform" ACTION="" METHOD="GET">
Enter minimum weight:
<input type="text" name="minWeight" value="0">
<BR>
Enter maximum weight: 
<input type="text" name="maxWeight" value="999">
<BR>
Select gender
<input type="radio" name="genderType" value="male"/>
Male
<input type="radio" name="genderType" value="female"/>
Female
<BR>
<INPUT TYPE="button" NAME="button" Value="Submit" onClick="testResults(myform)">
</FORM>
</BODY>
</HTML>

*如果发送表单数据的代码有点棘手，请解释一下，以便了解正在发生的事情。

非常感谢！

Answer 1

您的JavaScript无法正常工作的原因是您将表单命名为myform但您尝试访问form。

那就是说，你不应该为此使用JavaScript。只需一个简单的表格即可：

<form action="page2.php" method="post">
    <p><label>Enter minimum weight: <input type="number" name="minWeight" value="0" min="0" required /></label></p>
    <p><label>Enter maximum weight: <input type="number" name="maxWeight" value="999" min="0" required /></label></p>
    <p>Select gender:
        <label><input type="radio" name="genderType" value="male" required /> Male</label>
        <label><input type="radio" name="genderType" value="female" /> Female</label>
    </p>
    <p><input type="submit" value="Submit" /></p>
</form>

然后，您的PHP脚本可以引用$_POST['minWeight']，$_POST['maxWeight']和$_POST['genderType']。

将JavaScript数据发送到PHP页面

1 个答案: