表單隱藏提交

Question

在我的表單上，您必須選擇一個項目才能顯示錶單。我遇到的問題是提交時隱藏了表單。我該如何糾正？

這是我的腳本：

<script> 
    $(document).ready(function() { 
    $(".orderForm").hide(); 


    $(".choice").each(function() { 


     $(this).click(function() { 
      $(".orderForm").show(); 


     }); 

    }); 

}); 
</script> 

下面是HTML的一部分：

<form method="post" class="form-horizontal"> 
     <div class="choiceContainer"> 
      <@choicesSection><@choice id="2098885" class="choice"> 
     <label> 
      <div align="left"> 
       <h3 class="choiceName"> 
        <@choiceSelectionRadioButton /> 
        <@choiceName>148PKI</@choiceName> 
       </h3> 
       <div class="orderForm"> 
     </div> 
     </div></div> 
<div class="btn" align="center"><@selectedPaymentOptionSubmitButton label="Continue"  
class="continue"/></div> 

我更新了劇本太。

Answer 1

使用sessionStorage（或適當的polyfill腳本）跨頁加載持久化變量。 （注sessionStorage的序列數據，從而獲得價值將不再是true但是字符串"true"時）

$(document).ready(function() { 
    if(!sessionStorage.formSubmitted) 
     $(".orderForm").hide(); 

    //Reset it for possibly another form submission 
    sessionStorage.removeItem('formSubmitted'); 


    $(".choice").each(function() { 


     $(this).click(function() { 
      $(".orderForm").show(); 
     }); 

    }); 

    $("form.form-horizontal").submit(function(){ 
     sessionStorage.formSubmitted = true; 
    }); 

});