2017-08-07 116 views
-2

我做我的網站上的工作,掛了一個代碼 請檢查下面的鏈接瞭解我想說 http://matchpoint.finetiger.com/classes-programs/選擇2個選擇特定頁面後如何重定向?

殼牌RD - 健身與培訓: - example.com 穆勒盆地 - 健身與培訓: - 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> 
+3

請不要破壞你的帖子。一旦你發佈了一個問題,它就一般屬於Stack Overflow社區(根據CC BY-SA許可證)。如果您想要從您的帳戶中取消關聯此信息,請參閱[解除聯繫請求的正確途徑?](https://meta.stackoverflow.com/questions/323395/what-is-the-proper-route- for-a-dissociation-request) –

+0

此代碼僅供私人使用,不希望它作爲公共使用。希望你能理解。 –

回答

0

試試這個:

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

+0

您可以在此更改網址'var url ='https://stackoverflow.com/';' –

+0

檢查更新的代碼並更新您的網址1 ... 8 ... –

+0

分享您的網址陣列.. –