Hi guys,
I've got this piece of code that populates the city drop down list on the fly when the country is selected from the drop down list.
<select name="country" onChange="getsubcategories(this.form, subcatArray)">
<option value="Albania Hotels">Albania Hotels</option>
<option value="Andorra Hotels">Andorra Hotels</option>
<option value="Antigua Hotels">Antigua Hotels</option>
<option value="Argentina Hotels">Argentina Hotels</option>
<option value="Aruba Hotels">Aruba Hotels</option>
<option value="Australia Hotels">Australia Hotels</option>
<option value="Austria Hotels">Austria Hotels</option>
<option value="Azerbaijan Hotels">Azerbaijan Hotels</option>
</select>
<select name="town">
</select>
<script type="text/javascript">
<!--
function getsubcategories(aForm, anArray) {
var selIndex = aForm.country.selectedIndex+1;
aForm.town.options.length = 0;
if (!anArray[selIndex])
return;
for (var i = 0, n = 0; i < anArray[selIndex].length; i++) {
aForm.town.options[n++] = new Option(
anArray[selIndex][i][1],
anArray[selIndex][i][0]
);
}
aForm.town.selectedIndex = 0;
}
//-->
</script>
it works on most browsers for about half a year or so (as far as I know), but recently I've got 3 users that said they can't see the city list being populated when they could before. The rest of the people in my office are able to view the list, with Firefox2, IE6 and IE7.
It appears the users are using IE 6.
Any idea why they can't see the city drop down list?