ドロップダウンリストにリンクされた送信ボタンの使い方は？

Question

私はドロップダウン選択オプションを持って、私は1つを選択し、ボタンを提出し、別のページ（NewYork.html、Toronto.html、NewJersey.html）に私を導く上でクリックできるようにしたかった

<form action="action_page.php"> 
    <select> 
     <option value = "0">Select your Destination..</option> 
     <option value="1">New York</option> 
     <option value="2">Toronto</option> 
     <option value="3">New Jersey</option> 
    </select> 
    <input type="submit" value="Submit" class="myButton"> 
</form> 

Answer 1

ますheader()を使用してPHPコードでこれを行い、送信されたフォームの値を使用します。

header('Location: /'.$submittedValue.'.html'); 

もちろん、あなたが唯一の瞬間にドロップダウンから数値を取得しますが、あなたは、ヘッダー機能で使用する文字列にそれを一致させることができるように第1のフォーム入力をチェックする必要があります。

は、ヘッド機能は、ブラウザへの出力が

Answer 2

あなたはどのユーザーURL.htmlの文書にvalueoptionの要素を設定することができます任意のecho、print_r()または任意の他の機能よりも、ページアップも高くなければならないことに注意してくださいリダイレクトされます。 submitイベントでformの送信を防ぐにはevent.preventDefault()を使用してください。 select.valueが"0"でない場合は、あなたが他のページにユーザーをリダイレクトする必要があなたのactionPageでselect.value

HTML

<form> 
    <select> 
     <option value="0">Select your Destination..</option> 
     <option value="NewYork.html">New York</option> 
     <option value="Toronto.html">Toronto</option> 
     <option value="NewJersey.html">New Jersey</option> 
    </select> 
    <input type="submit" value="Submit" class="myButton"> 
</form> 

javascriptの

document.querySelector("form") 
.addEventListener("submit", function(e) { 
    e.preventDefault(); // prevent default action 
    var select = this.querySelector("select"); 
    if (select.value !== "0") { 
    location.href = select.value; 
    } 
}) 

Answer 3

にlocation.hrefを設定します。

しかし、セキュリティをチェックして、わからないものにリダイレクトしないでください。
ですから、$array = [1 => "newYork", 2 => "toronto"...]のようにフォームの値を持つ連想配列を使用し、終了を忘れずにリダイレクトに進むことができます：

$redirect = $array[$_POST['value']] + ".html"; 
header("Location: /$redirect"); 
exit();