当前位置: 首页 > 知识库问答 >
问题:

提交表单Laravel后根据单选按钮重定向

袁安志
2023-03-14

我想通过选择单选按钮,然后单击立即购买按钮,重定向到在线支付页面或钱包支付页面。当我点击buy now按钮时,表格也会提交。

<form name="game-form" action="submit" method="POST">
    @csrf
    <div class="timeline-wrapper">
        <ul class="StepProgress">
            <li class="StepProgress-item is-done">
                <div class="bold time">STEP 1</div>
                    <div class="bold"><h5>Account Login</h5></div>
                        <div class="form-group account-type">
                            <select class="form-control " style="width: 100%">
                                <option>Default select</option>
                                <option value="">Gmail</option>
                                <option value="">Facebook</option>
                            </select>
                            <label for="exampleInputEmail1">Email Address / Facebook Number</label>
                            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email/number">
                            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">Password</label>
                            <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                        </div>
                    </li>
                    <li class="StepProgress-item is-done">
                        <div class="bold time">Step 2</div>
                        <div class="bold">
                            <h5>Select Recharge</h5>
                        </div>
                        <div class="form-group recharge-type">
                            @foreach ($games as $row)
                                <div class="btn-group" role="group" aria-label="Basic radio toggle button group">
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio1">Weekly <sup>BDT {{$row['g1']}}</sup> </label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio2">Monthly <sup>BDT {{$row['g2']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio3">100 Diamond <sup>BDT {{$row['g3']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio4" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio4">200 Diamond <sup>BDT {{$row['g4']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio5" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio5">310 Diamond <sup>BDT {{$row['g5']}}</sup> </label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio6" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio6">520 Diamond <sup>BDT {{$row['g6']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio7" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio7">620 Diamond <sup>BDT {{$row['g7']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio8" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio8">830 Diamond <sup>BDT {{$row['g8']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio9" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio9">1060 Diamond <sup>BDT {{$row['g9']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio10" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio10">2180 Diamond <sup>BDT {{$row['g10']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio11" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio11">5600 Diamond <sup>BDT {{$row['g11']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio12" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio12">$0.99 Aidrop <sup>BDT {{$row['g12']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio13" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio13">$1.99 Airdrop <sup>BDT {{$row['g13']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio14" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio14">$2.99 Airdrop  <sup>BDT {{$row['g14']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio15" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio15">Level Up Pass <sup>BDT {{$row['g15']}}</sup></label>
                                    </div>
                                    <div class="btn-inner">
                                        <input type="radio" class="btn-check" name="btnradio" id="btnradio16" autocomplete="off" checked>
                                        <label class="btn btn-outline-primary" for="btnradio16">Bundle Pass <sup>BDT {{$row['g16']}}</sup></label>
                                    </div>
                                    @endforeach
                                </div>
                            </div>
                        </li>
                        <li class="StepProgress-item is-done">
                            <div class="bold time">Step 3</div>
                            <div class="bold">
                                <h5>Payment Methods</h5>
                            </div>
                            <div class="form-group payment-type">
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
                                    <i class="fas fa-wallet fa-3x"></i>
                                    <label class="form-check-label" for="inlineRadio1">GAMERSHOBBD</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
                                    <i class="fas fa-money-check-alt fa-3x"></i>
                                    <label class="form-check-label" for="inlineRadio2">OtherPayment</label>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="buy-btn">
                    <button id="top-account-submit" type="submit" class="btn btn-primary btn-lg">Buy Now</button>
                </div>
            </form>

这是一个订单页面,人们将填写表单,然后选择产品,然后选择付款类型。此页面将把数据带到数据库,然后将这些数据显示到下一页面,即钱包支付或在线支付。我是拉雷维尔的新手。如果有人能给出解决方案,那将非常有帮助。

共有1个答案

司寇苗宣
2023-03-14

您可以使用内联js作为:

<select class="form-control " style="width: 100%" onchange="this.form.submit()">
    ...
</select>

或者使用JQuery:

$('form select').on('change', function(){
    $(this).closest('form').submit();
});
 类似资料:
  • 问题内容: 我的问题是,当上一页由表单创建时,后退按钮会使浏览器说“页面已过期”。 例: 第1页:使用搜索条件提交的表单($ _POST请求,该表单指向第2页) page2:接收$ _POST请求并显示结果(带有链接的用户列表,指向page3) 第3页:显示用户个人资料 现在,当访客单击浏览器中的“后退”按钮时,它将显示类似“页面已过期”的信息。 而是应该在没有警告的情况下显示前一页(第2页,带有

  • 我有自己的观点; 我有自己的路线。php代码; 如果用户单击一个按钮,我希望他们调用ExcelController。如果是另一个,我要叫MapController。。。两个不同的控制器! 我的路线应该是什么?目前,当我单击其中一个时,它只会停留在当前页面上。

  • 问题内容: 我有2页: page1.php: -具有带文本框和“提交”按钮的表单。例如: -用于将文本框的值存储到数据库的php和mysql代码。将值提交到数据库后,JavaScript会将页面重定向到。例如: page2.php -mysql从数据库检索数据并显示在此页面上。 问题: 当我按“后退”按钮时,浏览器将弹出警告消息,提示您将重新提交表单。单击“返回”按钮时如何防止重新提交表单?我是否

  • 问题内容: [编辑]经过大量挖掘,我发现问题出在我如何将CKEditor集成到页面中。如公认的答案所述,在这种情况下,简单而明显的方法 确实 有效。 你好 在按下“提交”按钮之后,但在实际提交之前,我需要更改表单的值。 我尝试挂钩到表单的“ submit”事件,并在那里手动更改文本字段的值,但是看起来实际上并没有更改提交的值。 有任何想法吗? 问题答案: 我对您的说法感到奇怪,即处理程序对您不起作

  • 我使用的是Laravel5.1,我想制作一个带有两个提交按钮的表单-保存和保存草稿。 但是当我发布表单时,除了提交值之外,我拥有所有字段。 我读到Laravel不会把提交按钮值在POST当表单通过ajax发送,所以你能帮我怎么做吗? 我已经尝试了下面的一些代码: 在我的路线上。我有: 提前感谢

  • 问题内容: 我有一个表格。在该表格之外,我有一个按钮。一个简单的按钮,如下所示: 但是,当我单击它时,它会提交表单。这是代码: 该按钮应该做的就是编写一些JavaScript。但是,即使看起来像上面的代码一样,它也会提交表单。当我将标签按钮更改为跨度时,它可以完美工作。但不幸的是,它必须是一个按钮。有什么办法可以阻止该按钮提交表单?像例如 问题答案: 我认为这是HTML最令人讨厌的小特性。该按钮必