提交单选按钮值而不刷新页面

Question

我目前正在使用单选按钮来选择用户要在网站上进行的付款，他们可以在其中选择（发票，卡，部分付款（？））。

我正在使用脚本提交单选按钮，因此不需要按钮，但是，每当他们选择其他付款方式时页面都会重新加载，这对客户不利，因为他们不得不再次向下滚动以输入表格的值（电话号码等）。

因此，在提出一些投诉之后，我一直在尝试解决此问题，以使表单显示而无需刷新页面。

可以在脚本中进行一些更改以使之成为可能吗？

提前致谢。

这是我使用的脚本：

function autoSubmit(){
    var formObject = document.forms['choice_form'];
    formObject.submit();
}

这是PHP：//我使用帖子值显示表单，您可以在其中输入电话号码和电子邮件

<?php 
 $value = '';
  if(isset($_POST['choice'])) {
   $value = $_POST['choice'];
  }
?>

这是“广播”形式：

<form name="choice_form" id="choice_form" method="post">
   <table>
     <tr>
      <td>
        <input type="radio" name="choice" <?php if ($value == 'faktura') { ?>checked='checked' <?php } ?> onChange="autoSubmit();" value="faktura"> Faktura
      </td>
    </tr>
    <tr>
      <td>
        <input type="radio" name="choice" <?php if ($value == 'kort-direkt') { ?>checked='checked' <?php } ?> onChange="autoSubmit();" value="kort-direkt"> Kort / Direktbetalning
      </td>
    <tr>
      <td>
        <input type="radio" name="choice" <?php if ($value == 'delbet') { ?>checked='checked' <?php } ?> onChange="autoSubmit();" value="delbet"> Delbetalning
      </td>
    </tr>
  </table>
</form>

Answer 1

如果每次选择付款选项时，单选按钮下方都需要显示其他表单，则可以在各个<div>以隐藏状态呈现所有表单，然后在每次选择选项时显示相应的<div> 。

如果您需要做的事情比这更复杂，则可能需要使用AJAX。