you mean like this...?
Code:
<!DOCTYPE html>
<html>
<head>
<style>
.hide{
display:none;
}
</style>
</head>
<body>
<select onchange="chooseSel(this)">
<option> - please select - </option>
<option value="make">Make</option>
<option value="model">Model</option>
<option value="year">Year</option>
</select>
<select class="hide" id="make">
<option> - please select a make - </option>
</select>
<select class="hide" id="model">
<option> - please select a model - </option>
</select>
<select class="hide" id="year">
<option> - please select a year - </option>
</select>
<script type="text/javascript">
function chooseSel(sel){
sel.style.display="none"
document.getElementById(sel.value).style.display="block"
}
</script>
</body>
</html>
Bookmarks