follow select option url on click on button

У меня есть выбор типа ввода, в котором у меня есть много вариантов со значением 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>

1 ответ

  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>
    

    Я думаю, что это будет работать проверить эту ссылку здесь