我想在选择不同的下拉菜单时显示不同的页面，但是每次都是显示的是bridge.html，请教各位是哪里除了问题
function changePage()
{
with ( document.forms[0] )
{
switch (document.getElementById("ntwkPrtcl").value)
{
case "0":
location.href = "pppoe_1.html";
case "1":
location.href = "pppoa.html";
case "2":
location.href = "mer.html";
case "3":
location.href = "ipoa.html";
case "4":
location.href = "bridge.html";
} }
}

<td><select onchange="changePage()" name="quicks" id="ntwkPrtcl">
<option value="0">PPPoE</option>
<option value="1">PPPoA</option>
<option value="2">MER</option>
<option value="3">IPoA</option>
<option value="4">Bridge</option></select></td>

<script language="javascript">
function changePage()
{
with ( document )
{
switch (document.getElementById("ntwkPrtcl").value)
{
case "0":
location = "pppoe_1.html";break;
case "1":
location = "pppoa.html";break;
case "2":
location = "mer.html";break;
case "3":
location = "ipoa.html";break;
case "4":
location = "bridge.html";break;
default :
break;
}
}
}
</script>
<td><select onchange="changePage()" name="quicks" id="ntwkPrtcl">
<option value="" selected="selected">请选择...</option>
<option value="0">PPPoE</option>
<option value="1">PPPoA</option>
<option value="2">MER</option>
<option value="3">IPoA</option>
<option value="4">Bridge</option></select></td>