how to redirect to another page based on selected dropdown in laravel

Question

I have a form that has a select option of 'Pay online' or 'Pay on delivery', i want if a user selects pay online it should redirect me to a pay online page '/pay_online', same with pay on delivery it should redirect me to a pay on delivery page '/pay_on_delivery'.

My code below keeps refreshing the page onsubmit of the form

  <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>

Routes

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

Can you add what `MessengerController@online_payment` and `MyMessengerController@delivery_payment` does ? — Clément Baconnier, Jul 20 '21 at 15:22
Also, it seems you don't have the `csrf` in your form, is this intended? — Clément Baconnier, Jul 20 '21 at 15:25

score 0 · Answer 1 · answered Jul 20 '21 at 21:09

0

it's onsubmit="submitForm()" not onsubmit="return submitForm()"
you should return true in submitForm() function, see this answer

answered Jul 20 '21 at 21:09

Nidecker

172
8

how to redirect to another page based on selected dropdown in laravel

1 Answers1