2016-09-29 11 views
0

私はURL値で多くのオプションを持つ選択入力タイプを持っています。オプションが選択されているかどうかを示すボタンもあります。しかし、私が選択してオプションを選択してボタンを押すと、そのURLに連れていかなければなりません。私はJSでうまくいきません。ここに私がしたことがあります。 ` ;おかげボタンをクリックすると選択オプションのURLに従います

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

答えて

0

は、私はそれはあなたのコード ` VARのURL = $(この).ATTR( "値")でこのリンクhere

+0

をチェック働くだろうと思い

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

を試してみてくださいここに 「this」は異なる文脈を示します あなたのurlがundifinデータを含む理由 –

関連する問題