ユーザーが選択する必要がある2つのドロップダウンメニューを備えたフォームを作成しようとしています.2つのドロップダウンメニューからの選択に応じて、2つのドロップダウンメニューからの選択に応じてWebページにリダイレクトされます. if ステートメントで動作しますが、よりクリーンな方法を使用しようとしています。case ステートメントを使用しようとしましたが、機能しません。
私はまだJavaScriptに慣れていないことを心に留めておいてください
これが私が今までやったことです:
<form>
<p> Type of Terrain: </p>
<select id="type">
<option value="0" id="Select">Select</option>
<option value="1" id="Street_Park">Street/Park</option>
<option value="2" id="Dirt">Dirt</option>
<option value="3" id="Racing">Racing</option>
</select>
<p>Body Height</p>
<select id="height">
<option value="0" id="Select">Select</option>
<option value="1" id="5ft">4ft</option>
<option value="2" id="5.5ft">4.25ft</option>
<option value="3" id="5.5ft">4.50ft</option>
<option value="4" id="6ft">4.75ft</option>
<option value="5" id="5ft">5ft</option>
<option value="6" id="5.5ft">5.25ft</option>
<option value="7" id="6ft">5.50ft</option>
<option value="8" id="5ft">5.75ft</option>
<option value="9" id="5.5ft">6ft</option>
<option value="10" id="6ft">6.25ft</option>
</select>
<br /><br />
<input onclick="goToPage();" type="button" value="Submit" />
</form>
<script type="text/javascript">
function goToPage()
{
var type = document.getElementById("type").value;
var height = document.getElementById("height").value;
switch ("type" && "height"){
case type == 1 && height == 1 :
window.location = "http://www.maltabmx.com/About.html"
Break;
case type == 1 && height == 2 :
window.location = "http://www.maltabmx.com/Footage.html"
Break;
}
}
</script>