在点击按钮时按照选择选项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