ボタンを2つドロップダウンするオプション

Question

私はこの作業をしようとしています。

2つのドロップダウンリストがあります。ユーザーが必要な値を選択し、ボタンをクリックします。ボタンは、両方のドロップダウンで選択したオプションに基づいて特定のURLをロードします。

https://jsfiddle.net/vs3q879c/

<script> 
    $(document).ready(function() { 

     OR = document.getElementById("orientation"); 
     SZ = document.getElementById("size"); 
     ORSZ = OR + SZ; 




     switch (ORSZ) { 
      case PA5: 
      window.location.href = "www.xxxx.wwww/one.html"; 
      break; 

      case PA4: 
      window.location.href = "www.xxxx.wwww/two.html"; 
      break; 

      case PA3: 
      window.location.href = "www.xxxx.wwww/three.html"; 
      break; 

      case LA5: 
      window.location.href = "www.xxxx.wwww/four.html"; 
      break; 

      case LA4: 
      window.location.href = "www.xxxx.wwww/five.html"; 
      break; 

      case LA3: 
      window.location.href = "www.xxxx.wwww/six.html"; 
      break; 

      default: 
      default none(); 
     } 

</script> 

Answer 1

あなたは、いくつかのミスを持っています。 window.location.hrefを使用する代わりに、window.open("www.my-url.com")を試してみてください。

switch (ORSZ) { 
    case PA5: 
     window.location.href = "www.xxxx.wwww/one.html"; 
     break; 

    case PA4: 
     window.location.href = "www.xxxx.wwww/two.html"; 
     break; 

    case PA3: 
     window.location.href = "www.xxxx.wwww/three.html"; 
     break; 

    case LA5: 
     window.location.href = "www.xxxx.wwww/four.html"; 
     break; 

    case LA4: 
     window.location.href = "www.xxxx.wwww/five.html"; 
     break; 

    case LA3: 
     window.location.href = "www.xxxx.wwww/six.html"; 
     break; 

    default: none(); 
} 

最後に、あなたはIDによって選択要素を取得しているとき、あなたがオブジェクトをつかん代わりに選択している：

はまた、あなたがあなたのswitch clauseで2つのデフォルト文を持って、このような何かを試してみてください値。それを修正するには、.valueを使用する必要があります。

OR = document.getElementById("orientation").value; 
SZ = document.getElementById("size").value; 
ORSZ = OR + SZ; 

DEMO：http://jsbin.com/tivocodeza/edit?html,js,output

Answer 2

うん、上記 - 入力ではなく、要素の値をつかみます。

あなたはすべてのためのjQueryを使用することができることをやっている場合にも、あなたのフィドル$(document).ready();

でのjQueryを使用しています。わからないあなたはそれをしたいが、あなたが行う場合には、ここでのコードの提案は次のとおりです。

$(document).ready(function() { 
    $('#submit').click(function(e) { 
    e.preventDefault(); 
    var ORSZ = $('#orientation').val() + $('size').val(); 

    switch (ORSZ) { 
     case PA5: 
     window.open("www.xxxx.wwww/one.html", '_blank'); 
    break; 

    //e 
    //t 
    //c 

    }); 
}); 

は、私が選択しやすくするために、あなたのボタンにid="submit"を追加しました。