This is the code i am having problems with.
Code:
<!DOCTYPE html>
<html>
<body>
<script type="text/javascript">
function showfield(name){
if(name=='Other')document.getElementById('zipcode2').style.display="block";
else document.getElementById('zipcode2').style.display="none";
}
function hidefield() {
document.getElementById('zipcode2').style.display='none';
}
</script>
<body onload="hidefield()">
<select name="zipcode" id="zipcode" onchange="showfield(this.options[this.selectedIndex].value)">
<option selected="22408">22408</option>
<option value="22407">22407</option>
<option value="22406">22406</option>
<option value="22405">22405</option>
<option value="22404">22404</option>
<option value="22403">22403</option>
<option value="22402">22402</option>
<option value="22401">22401</option>
<option value="22430">22430</option>
<option value="22446">22446</option>
<option value="22471">22471</option>
<option value="22538">22538</option>
<option value="22553">22553</option>
<option value="22555">22555</option>
<option value="22565">22565</option>
<option value="22580">22580</option>
<option value="Other">Other</option>
</select>
<div id="zipcode2">If Other: <input type="text" name="other" /></div>
<font size="5px">How many miles do you drive to here:</font><br/>
<script type="text/javascript">
function showfield(name){
if(name=='Othermiles')document.getElementById('miles2').style.display="block";
else document.getElementById('miles2').style.display="none";
}
function hidefield() {
document.getElementById('miles2').style.display='none';
}
</script>
<body onload="hidefield()">
<select name="miles" id="miles" onchange="showfield(this.options[this.selectedIndex].value)">
<option value = "2 Miles">2 Miles</option>
<option value = "4 Miles">4 Miles</option>
<option value = "5 Miles">5 Miles</option>
<option value = "6 Miles">6 Miles</option>
<option value = "8 Miles">8 Miles</option>
<option value = "10 Miles">10 Miles</option>
<option value = "15 Miles">15 Miles</option>
<option value = "20 Miles">20 Miles</option>
<option value="Othermiles">Other</option>
</select>
<div id="miles2">If Other: <input type="text" name="Other2" /></div>
</body>
</html>