在點擊按鈕時按照選擇選項url

Question

我有一個選擇輸入類型，其中我有許多URL值的選項。我也有一個按鈕，顯示是否選擇了任何選項。但想要一種方式，如果我選擇和選擇，並按下按鈕，它應該帶我到該URL。我不擅長JS。這是我做的。感謝

<form class="center" name="jump"> 
    <select name="menu"> 
    <option value="">States</option> 
    <option value="https://siteurl.com/product/alabama/">Alabama</option> 
    <option value="https://siteurl.com/product/alaska-advance-directive-for-health-care/">Alaska</option> 
    <option value="https://siteurl.com/product/arizona-advance-directive-for-health-care/">Arizona</option> 
    <option value="https://siteurl.com/product/arkansas-advance-directive-for-health-care/">Arkansas</option> 
    <option value="https://siteurl.com/product/california-advance-directive-for-health-care/">California</option> 
    <option value="https://siteurl.com/product/colorado-advance-directive-for-health-care/">Colorado</option> 
    </select> 
    <br> 

    <input class="box" type="button" style="display: inline-block;"> 

</form> 

<script type="text/javascript"> 
$(document).ready(function(){ 

    $("select").change(function(){ 
     $(this).find("option:selected").each(function(){ 
     if($(this).attr("value")==""){ 

       $(".box").hide(); 
      } 
      else{ 
       $(".box").show(); 
     $('.box').on('click', function() { 
      var url = $(this).attr("value"); 
      if (url) { 
       window.location = url; 
      } 
      return false; 
     }); 

      } 
     }); 
    }).change(); 
}); 



</script> 

Answer 1

嘗試

<script type="text/javascript"> 
$(document).ready(function(){ 

$("select").change(function(){ 
    $(this).find("option:selected").each(function(){ 
    if($(this).attr("value")==""){ 

      $(".box").hide(); 
     } 
     else{ 
      $(".box").show(); 
      var self=this; 
    $('.box').on('click', function() { 
     var url = $(self).attr("value"); 
     if (url) { 
      window.location = url; 
     } 
     return false; 
    }); 

     } 
    }); 
}).change(); 
}); 
</script> 

我認爲它會工作在你的代碼 `VAR URL = $檢查此鏈接here