Hola, tengo el siguiente codigo:
Cita: <script language="javascript">
function mostrarbanner(id)
{
document.getElementById('1').style.display = "none";
document.getElementById('2').style.display = "none";
document.getElementById(id).style.display = "block";
}
</script>
Tengo tambien este form:
Cita: <form action="hoteles.php" method="post">
<select name="categoria" size="1" class="direccion_hotel">
<option value="" default>Categorías</option>
<option value="1" >1 Estrella</option>
<option value="2" >2 Estrellas</option>
<option value="3" >3 Estrellas</option>
<option value="4" >4 Estrellas</option>
<option value="5" >5 Estrellas</option>
<option value="bed" >Bed and Breakfast</option>
<option value="gran" >Gran Turismo</option>
<option value="Hostales" >Hostales</option>
<option value="Hoteles Boutique" >Hoteles Boutique</option>
<option value=" " >Todas las Categorías</option>
</select>
<input type="submit" name="buscar" value="Buscar una categoría" class="direccion_hotel"/>
<input name="nombrehotel" type="text" id="nombre" class="direccion_hotel" size="30"/>
<input type="Submit" name="nombre" value="Buscar un hotel" class="direccion_hotel"/><!--//Submit-->
</form>
Y lo que quiero es que cuando seleccione un elemento en el form por categoria me muestre un banner que pondre dentro de un div segun sea el caso de la categoria, no se si me doy a entender.
Estos son los div's:
Cita: <div style="width:162px; float:right" align="center">
<div class="caja_banners" id="1" style="display:block;">BANNER UNA ESTRELLA</div>
<hr />
<div class="caja_banners" id="2" style="display:none;">BANNER DOS ESTRELLAS</div>
</div>
<div class="caja_banners" id="2" style="display:none;">BANNER TRES ESTRELLAS</div>
</div>
<div class="caja_banners" id="2" style="display:none;">BANNER CUATRO ESTRELLAS</div>
</div>
<div class="caja_banners" id="2" style="display:none;">BANNER CINCO ESTRELLAS</div>
</div>