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

时间:2013-11-04 14:48:04

标签: javascript php jquery forms


我目前正在使用单选按钮来选择用户在网站上想要的付款,他们可以选择(发票,卡,部分付款(?))。

我正在使用脚本来提交单选按钮,因此不需要任何按钮,但每次选择不同的付款选项时页面都会重新加载,这对客户不利,因为他们必须再次向下滚动以输入值选择单选按钮时出现的表格(电话号码等)。

因此,在一些投诉之后,我一直在尝试解决此问题,以使表单显示而不会刷新页面。

是否可以在脚本中进行一些更改以使其成为可能?

提前致谢。

这是我使用的脚本:

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>

1 个答案:

答案 0 :(得分:1)

如果每次选择付款选项时,单选按钮下方都需要显示不同的表单,您可以在单个<div>中呈现处于隐藏状态的所有表单,然后每个都显示相应的<div>时间选择了一个选项。

如果你需要做一些比这更复杂的事情,你可能需要使用AJAX。

相关问题