PHP将单选值发布到单选的下一页上单击

时间:2019-03-08 00:47:10

标签: javascript php jquery html

我需要一些代码帮助,因为我在发布值时遇到了问题。当我单击广播时,它将我重定向到secondpage.php时不会发布数据。当我单击单选按钮以转到下一页时,我想发布该值。

firstpage.php

<table>
    <form name="frmProfile" method="post" action="secondpage.php">
        <tr>
            <td>gender</td>
            <td><input type="radio" name="gender" onclick="document.location.href='http://example.com/secondpage.php'" data-gender="female" value="female">Female
                <input type="radio" name="gender" onclick="document.location.href='http://example.com/secondpage.php'" data-gender="male" value="male">Male</td>
        </tr>
        <tr><td colspan="2"><input type="submit" name="submit" value="Submit" /></td></tr>
    </form>     
</table>

secondpage.php     

print_r($_POST);

?>

它将在$_POST中显示空数据,因为当我在secondpage.php中使用Array ( )时,它会得到显示为print_r($_POST)的结果。

我想要实现的是,当我单击单选按钮时,我想发布数据以将我重定向到secondpage.php并显示MaleFemale的数据,这取决于在我单击的单选按钮上。

能否请您举一个例子,说明如何将我选择的收音机的值发布到重定向到secondpage.php上以显示$_POST的数据?

谢谢。

1 个答案:

答案 0 :(得分:2)

您可以将click事件侦听器绑定到表单。发生单击时,请检查它是否起源于无线电元素之一。如果是这样,请提交表格。

document.getElementById('genderForm').addEventListener('click', function(e){
                                  // 'this' is the genderForm
  if (e.target.name === 'gender') this.submit();
});
<form id="genderForm" name="frmProfile" method="post" action="secondpage.php">
  <table>
    <tr>
      <td>gender</td>
      <td>
        <input type="radio" name="gender" value="female">Female
        <input type="radio" name="gender" value="male">Male
      </td>
    </tr>
  </table>
</form>