I’m trying to make the second drop down list only display the locations from the selected parks. e.g selecting central park will only show places in central park.
I have been trying to make it work but I highly doubt my javascript is correct and i need help please.
[CODE]
<head>
<meta content=”text/html; charset=utf-8″ http-equiv=”Content-Type” />
<title>Untitled 1</title>
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js”></script>
<script type=”text/javascript”>
$(document).ready(function (){
$(“#area”).change(function() {
if ($(this).val() == “centralprk”) {
$(“#central”).show();
}else if{
($(this).val() == “eastprk”) {
$(“#east”).show();
}else{
$(“#west”).show();
}
});
});
</script>
</head>
<body>
<p>
Area: <select name=”area” id=”area”>
<option value=”selectarea”>Select an area</option>
<option value=”eastprk”>East Park</option>
<option value=”centralprk”>Central Park</option>
<option value=”westprk”>West Park</option>
</select> <br/> <br/>
Building: <select name=”building” id=”building”>
<option value=”any”>Any</option>
<option value=”ehb” id=”central”>Eddy Haribo</option>
<option value=”jfr” id=”central”>Jack Franco</option>
<option value=”lds” id=”east”>Long Dream Site</option>
<option value=”anp” id=”east”>Andy Peter</option>
<option value=”jpw” id=”west”>Joseph Power</option>
</select> <br/> <br/>
</p>
</body>