This error is only present in Internet explorer but works in Mozilla so far. Basically when someone selects an adtype on a drop down it should reveal the appropriate drop down. I will post the related code.
<script language="javascript">
/* Hide and show appropriate drop down menu */
var subs_array = new Array("pricefreq","pricetype"); // The id's of the hidden divs
function displayOptions(the_sub){
for (i=0;i<subs_array.length;i++){
var my_sub = document.getElementById(subs_array[i]);
my_sub.style.display = "none";
}
document.getElementById(the_sub).style.display = "inline-block";
}
</script>
<select name="adtype" id="adtype" tabindex="1">
<option value="unselected">Please Select...</option>
<option value="to_buy" onmousedown="displayOptions('pricetype')">For Sale</option>
<option value="to_rent" onmousedown="displayOptions('pricefreq')">For Rent</option>
</select>
<select name="pricetype" id="pricetype" tabindex="8">
<option value="unselected">Please Select...</option>
<option value="Starting at">Starting At</option>
<option value="Fixed Price">Fixed Price</option>
<option value="Offers over">Offers Over</option>
</select>
<select name="pricefreq" id="pricefreq" tabindex="9">
<option value="unselected">Please Select...</option>
<option value="Per Week">Per Week</option>
<option value="Per Month">Per Month</option>
<option value="4 Weekly">4 Weekly</option>
</select>
I don’t think mouse events work on option tags in IE. You could apply an
onchangeevent to the select element and feed the valueonchange="displayOptions(this.value)"and then either translate the value in JS, or change the value of the option to ID that should show.Example: http://jsfiddle.net/dxhBs/1/