Wie nach der Auswahl 2 Auswahl auf bestimmte Seite umleiten?

Question

ich meine Website tue die Arbeit an und hing an einem Code-up Bitte überprüfen Sie den Link unten, um zu verstehen, was ich http://matchpoint.finetiger.com/classes-programs/

Shell sagen will RD - Fitness und Training: - example.com Mühle Basin - Fitness und Training: - example2.com

<div id="classes-programs-page" class="classes-programs-page text-center"> 
    <form class="form-inline" role="form"> 
     <div class="form-group find-area"> 
      <select id="clubs" class="form-control"> 
       <option value="1">Shell Rd</option> 
       <option value="2">Mill Basin</option> 
      </select> 
      <i class="fa fa-chevron-down"></i> 
     </div> 
     <div class="form-group find-area"> 
      <select id="programs" class="form-control">     
       <option value="3">Fitness & Training </option> 
       <option value="4">Aquatics </option> 
       <option value="5">Tennis</option> 
       <option value="6">Kids Programs</option> 
      </select> 
      <i class="fa fa-chevron-down"></i> 
     </div> 
     <button type="submit" class="btn btn-find">Find</button> 
    </form> 
</div> 

Answer 1

Versuchen Sie folgendes:

$(document).ready(function() { 
 
    $('.btn-find').on('click', check_and_redirect); 
 
    function check_and_redirect() { 
 
    var urls = ["https://stackoverflow.com/", "https://www.google.com/", "https://www.yahoo.com/", "https://www.bing.com/", "https://www.wpchandra.com/", "https://www.codexbuddy.com/", "https://www.bbc.com/", "https://nasa.org/"]; 
 
    if(($('#programs option:selected').val() != "") && ($("#clubs option:selected").val() != "")){ 
 
\t if (($("#programs option:selected").length > 0) && ($("#clubs option:selected").length > 0)) { 
 
\t \t var index = parseInt(($('#clubs')[0].selectedIndex) * ($('#programs')[0].selectedIndex))-1; 
 
\t \t window.location = urls[index]; 
 
\t } 
 
\t else{ 
 
\t \t alert("Please choose programs and clubs!"); 
 
\t } 
 
    } 
 
    else{ 
 
\t alert("Please choose programs and clubs!"); 
 
    } 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="clubs" class="form-control"> 
 
\t <option value="">--Select--</option> 
 
\t <option value="1">Shell Rd</option> 
 
\t <option value="2">Mill Basin</option> 
 
</select> 
 

 
<select id="programs" class="form-control"> 
 
    <option value="">--Select--</option> 
 
    <option value="3">Fitness & Training </option> 
 
    <option value="4">Aquatics </option> 
 
    <option value="5">Tennis</option> 
 
    <option value="6">Kids Programs</option> 
 
</select> 
 

 
<button type="submit" class="btn btn-find">Find</button>