表格隐藏在提交

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;
    });

});