如何根据laravel中选择的下拉列表重定向到另一个页面

Question

我有一个表单，有一个‘在线支付’或‘交付付款’的选择选项，我想如果用户选择在线支付它应该重定向到一个支付在线页面'/ pay _ online‘，与交付时支付一样，它应该重定向我到一个交付时支付页面'/ pay _ on _ delivery’。

我下面的代码在表单提交时不断刷新页面

  <form method="post" id="demoForm" onsubmit="return submitForm()">
              <div class="row">        
                  <div class="form-group">
                    <select class="form-control" name="paymode" id="paymode">
                       <option disabled selected>Payment Mode</option>
                      <option value="Pay Online">Pay Online</option>
                      <option value="Pay On Delivery">Pay On Delivery</option>
                    </select>
                  </div>
                </div>
                <input type="submit" value="Proceed">
            </form>

JS

<script type="text/javascript">
  
      function submitForm() {
       var selectedOption = $('#paymode').val();
        var url = "";
        if(selectedOption == 'Pay Online') {
            url = '{{ route('online-payment')}}';
        } else if (selectedOption == 'Pay On Delivery') {
            url = '{{ route('delivery-payment')}}';
        }
        .
        .
        .

        $('#demoForm').attr('action', url);
        $('form#demoForm').submit();
        return false;
      }
  </script>

路线

Route::post('/online-payment',[App\Http\Controllers\MessengerController::class, 'online_payment'])->name('online-payment')->middleware('auth');

Route::post('/delivery-payment',[App\Http\Controllers\MyMessengerController::class, 'delivery_payment'])->name('delivery-payment')->middleware('auth');

Answer 1

onsubmit="return submitForm()"

• you

1. it's onsubmit="submitForm()" true in submitForm() function，参见this answer