Hola miren tengo el siguiente código con dos selects, que según la marca cambia el select del modelo, lo que quiero es que cuando seleccionen el modelo se abra en una ventana la página correspondiente es decir si eligen alfa romeo 145 que se dirija a a145.htm y asi con cada modelo. como se hace?
Código PHP:
<html>
<head>
<script language="JavaScript">
function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}
function cambia(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.frm.Marca.selectedIndex){
case 0:
addOpt(oCntrl, 0, "145", "0");
addOpt(oCntrl, 1, "146", "1");
addOpt(oCntrl, 2, "155", "2");
break;
case 1:
addOpt(oCntrl, 0, "80", "0");
addOpt(oCntrl, 1, "a3", "1");
addOpt(oCntrl, 2, "a4", "2");
break;
case 2:
addOpt(oCntrl, 0, "Serie 3", "0");
addOpt(oCntrl, 1, "M3", "1");
addOpt(oCntrl, 2, "Smart", "2");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0">
<tr>
<td>
Marca
</td>
<td>
<select name="Marca" onchange="cambia(document.frm.Modelo)">
<option value="Ar">Alfa Romeo</option>
<option value="Au">Audi</option>
<option value="Bmw">Bmw</option>
</select>
</td>
<td>
</td>
<td>
Modelo
</td>
<td>
<select name="Modelo">
<option value="0" selected>145</option>
<option value="1">147</option>
<option value="2">155</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
Ah! otra cosa que queria es que como predeterminado no aparezca seleccionada ninguna Marca ni modelo, que se vea en blanco los dos selects.
Muchas gracias
Vale el problema de las url´s creo que ya lo tengo solucionado, ahora solo me falta que cuando seleccionen el modelo se abra en una nueva página (target="_blank") y que no salga ninguna opción como predeterminada
codigo con las url´s:
Código PHP:
<html>
<head>
<script language="JavaScript">
function addOpt(oCntrl, iPos, sTxt, sVal){
var selOpcion=new Option(sTxt, sVal);
eval(oCntrl.options[iPos]=selOpcion);
}
function cambia(oCntrl){
switch (document.frm.Marca.selectedIndex){
case 0:
addOpt(oCntrl, 0, "145", "145.htm");
addOpt(oCntrl, 1, "147", "147.htm");
addOpt(oCntrl, 2, "155", "155.htm");
break;
case 1:
addOpt(oCntrl, 0, "80", "a80.htm");
addOpt(oCntrl, 1, "a3", "a3.htm");
addOpt(oCntrl, 2, "a4", "a4.htm");
break;
case 2:
addOpt(oCntrl, 0, "Serie 3", "serie3.htm");
addOpt(oCntrl, 1, "M3", "m3.htm");
addOpt(oCntrl, 2, "Smart", "smart.htm");
break;
}
}
</script>
</head>
<body>
<form name="frm">
<table border="0" width="482">
<tr>
<td width="25">
Marca
</td>
<td width="89">
<select name="Marca" onchange="cambia(document.frm.Modelo)">
<option value="Ar">Alfa Romeo</option>
<option value="Au">Audi</option>
<option value="Bmw">Bmw</option>
</select>
</td>
<td width="6">
</td>
<td width="44">
Modelo
</td>
<td width="296">
<select name="Modelo" onChange="location.href=this.form.Modelo.options[this.form.Modelo.selectedIndex].value">
<option value="0">145</option>
<option value="1">147</option>
<option value="2">155</option>
</select> <input type="button" value="Ir a..." onClick="location.href=this.form.Modelo.options[this.form.Modelo.selectedIndex].value"></td>
</tr>
</table>
</form>
</body>
</html>