提交單選按鈕值而不刷新頁面

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。