A ver, porque me parece que nos estmos liando
Prueba este código a ver si es lo que necesitas:
Código:
<html>
<head>
<script type="text/javascript">
function veroferta(valor) {
obj = document.forms[0]['tipo'];
if(valor=='Alquiler') { // borrar lo que sobra
obj.options[4]=null;
obj.options[3]=null;
obj.options[2]=null;
document.getElementById('algo').style.visibility = 'hidden';
}
else { // añadir lo que falta
obj.options[2] = new Option('Duplex','Duplex');
obj.options[3] = new Option('Planta Baja','Planta Baja');
obj.options[4] = new Option('Atico','Ático');
document.getElementById('algo').style.visibility = 'visible';
}
}
</script>
</head>
<body>
<form>
<select name="oferta" class="selects" id="oferta" onChange="veroferta(this.value)">
<option value="Compra">Compra</option>
<option value="Alquiler">Alquiler</option>
</select>
<select name="tipo" class="selects" id="select4">
<option value="Piso">Piso</option>
<option value="Casa">Casa</option>
<option value="Duplex">Duplex</option>
<option value="Planta Baja">Planta Baja</option>
<option value="Atico">Ático</option>
</select>
<p id="algo">Tipo: <input type="text" /></p>
</form>
</body>
</html>
Saludos,
