Seleccion en 2 menus desplegables

[Pucelana]

Hola gente.
Estoy dando mis primeros pasos en este inmenso mundo del desarrollo web y se me ha planteado el siguiente problema, a ver si me podéis ayudar:
Se trata de tener 2 menus desplegables, donde se pueda elegir en uno y otro la opcion que se quiera, a continuación se daría a un botón que se llama "VER PRECIO" y en función de la combinación elegida anteriormente que saliera el precio correspondiente.

La idea sería más o menos que si eligo "Transfer aeropuerto" en el menu de la izquierda y"hasta 10 plazas" en el otro, cuando de al botón "ver precio" que me salga el precio que corresponda a esa combinacion. Logicamente si le doy a "de 11 a 20 plazas", el precio fijado será otro y así sucesivamente.

Para que os hagáis mejor a la idea os pongo el código de hasta donde he llegado para ver si por favor me echais un cable.

Gracias de antemano por la ayuda,

Saludos,


<tr bordercolor="#FF0000">
<td height="18"></td>

<td colspan="8" valign="top" class="style33"><div align="center" class="style34">SERVICIOS LOCALES / RADIALES</div></td>

<td colspan="3" valign="top" class="style32"><div align="center" class="style34"><strong>CAPACIDAD DEL BUS</strong></div></td>
</tr>
<tr bordercolor="#FF0000">
<td height="102"></td>
<td></td>
<td>&nbsp;</td>
<td colspan="8" valign="top"><form id="Servicios" name="Servicios" method="post" action="">
<label></label>
<select name="Servicios" size="6" id="Servicios">
<option value="1">Transfer Aeropuerto - Hotel (o viceversa)</option>
<option value="2">Visita ciudad 1/2 día (4 horas)</option>
<option value="3">Visita ciudad día completo (9 horas)</option>
<option value="4">Visita noche o flamenco (4 horas hasta las 24:00)</option>
<option value="5">Excursión radial 1/2 día (6 horas ó 200 kms)</option>
<option value="6">Excursión radial día completo (10 horas ó 300 kms)</option>
</select>
</form></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td colspan="2" valign="top"><form id="form1" name="form1" method="post" action="">
<label>
<select name="Plazas" size="6" id="Plazas">
<option value="7">Hasta 10 plazas</option>
<option value="8">de 11 a 20 plazas</option>
<option value="9">de 21 a 30 plazas</option>
<option value="10">de 31 a 50 plazas</option>
<option value="11">de 51 a 55 plazas</option>
<option value="12">de 56 a 63 plazas</option>
</select>
</label>
</form></td>

[wilarizz]

hola... bueno lo unico que tiens q hacer es la funcion enlazada al boton.... aqui te dejo la posible funcion y un posible funcionamiento para obtener los precios... si tiens los precios en alguna base de datos.. ps la solucion seria enviar las 2 opciones selccionadas como parametros para la consulta.....

function mostrarprecio()
{
var servicios=document.getElementById("listaservicios" );
var plazas=document.getElementById("listaplazas");

if (servicios.value!="" && plazas.value!="")
{
switch (servicios.value)
{
case "1" :
switch (plazas.value)
{
case "1": precio ='precio1';break;
case "2": precio ='precio2';break;
case "3": precio ='precio3';break;
.
.
.//segun cantidad de plazas que muestras en la lista.
}

break;
case "2" :
switch (plaza)
{
case "1": precio ='precio6';break;
case "2": precio ='precio7';break;
case "3": precio ='precio8';break; .
.
.
}
break;
case "3" :
switch (plaza)
{
case "1": precio ='precio11';break;
case "2": precio ='precio12';break;
case "3": precio ='precio13';break; .
.
.}
break;
.
.
. //segun cantidad de locales que muestras en la lista.

}
alert (precio);
}
else
alert("seleccione alguna opcion");
}

NOTA: cambia el id y el nombre... aparte que tu usas el mismo nombre para el formulario y la primera lista... bueno io lo referencia como listaservicios y listaplazas......
Cualkier duda... mensionala XD..

suerte..!