Ok, its a bit long, so Ive erased everything except the relevant javascripts/ sel boxes.
This is the javascript.
function enableBox(selBox, boxId) {
var selval = selBox.options[selBox.selectedIndex].value;
if(selval == 'buy') {
document.form1.maxrent.disabled=true;
document.form1.maxprice.disabled=false;
}
else {
document.form1.maxrent.disabled=false;
document.form1.maxprice.disabled=true;
}
}
Heres the buy/rent box
<SELECT NAME="buyorrent" onchange='enableBox(this);' STYLE="width: 100;">
<OPTION VALUE="rent">Rent</OPTION>
<OPTION VALUE="buy">Buy</OPTION>
</SELECT>
And the maxrent/price boxes
<p>MONTHLY RENT
<br>
<SELECT NAME="maxrent">
<OPTION VALUE="100000">£1500+</OPTION>
<OPTION VALUE="1400">£1400</OPTION>
<OPTION VALUE="1200">£1200</OPTION>
<OPTION VALUE="1000">£1000</OPTION>
<OPTION VALUE="900">£900</OPTION>
<OPTION VALUE="800">£800</OPTION>
<OPTION VALUE="700">£700</OPTION>
<OPTION VALUE="600">£600</OPTION>
<OPTION VALUE="500">£500</OPTION>
<OPTION VALUE="400">£450</OPTION>
<OPTION VALUE="300">£300</OPTION>
<OPTION VALUE="250">£250</OPTION>
<OPTION VALUE="200">£200</OPTION>
<OPTION VALUE="150">£150</OPTION>
</SELECT>
p/m
</p>
</td>
<td>
<p>PRICE
<SELECT NAME="maxprice" STYLE="width: 100;" DISABLED>
<OPTION VALUE="2000000">£2,000,000</OPTION>
<OPTION VALUE="1500000">£1,500,000</OPTION>
<OPTION VALUE="1000000">£1,000,000</OPTION>
<OPTION VALUE="900000">£900,000</OPTION>
<OPTION VALUE="850000">£850,000</OPTION>
// (...many more opt vaues)
</SELECT>
</p>