Hola a todos..les dejo un select que hice que me parece que esta bastante bueno..
<html>
<head>
<script language="javascript">
<!---
function cero(sel) {
if (sel.options.value >0 ) {
window.div1.style.display = "block";
} else {
window.div1.style.display = "none";
window.div2.style.display = "none";
window.div3.style.display = "none";
window.div4.style.display = "none";
document.all.SO2.options.value = 0;
document.all.SO3.options.value = 0;
document.all.SO4.options.value = 0;
document.all.SO5.options.value = 0;
}
}
function uno(sel) {
if (sel.options.value > 0) {
window.div2.style.display = "block";
} else {
window.div2.style.display = "none";
window.div3.style.display = "none";
window.div4.style.display = "none";
document.all.SO3.options.value = 0;
document.all.SO4.options.value = 0;
document.all.SO5.options.value = 0;
}
}
function dos(sel) {
if (sel.options.value > 0) {
window.div3.style.display = "block";
} else {
window.div3.style.display = "none";
window.div4.style.display = "none";
document.all.SO4.options.value = 0;
document.all.SO5.options.value = 0;
}
}
function tres(sel) {
if (sel.options.value > 0) {
window.div4.style.display = "block";
} else {
window.div4.style.display = "none";
document.all.SO5.options.value = 0;
}
}
</script>
</head>
<body>
<form>
<table border=1>
<tr>
<td>SO1 <select name="SO1" selected value=0 onchange="cero(this)">
<option value="0"></option>
<option value="1">MS Windows 2000</option>
<option value="2">MS Windows NT 4</option>
<option value="3">MS Windows XP</option>
<option value="4">Unix</option>
<option value="5">Linux</option>
</select>
</td>
</tr>
</table>
<div id="div1" name="div1" style="display:none;">
<table border=1>
<tr>
<td>SO2
<select name="SO2" selected value=0 onchange="uno(this);cero(this)">
<option value="0"></option>
<option value="1">MS Windows 2000</option>
<option value="2">MS Windows NT 4</option>
<option value="3">MS Windows XP</option>
<option value="4">Unix</option>
<option value="5">Linux</option>
</select>
</td>
</tr>
</table>
</div>
<div id="div2" name="div2" style="display:none;">
<table border=1>
<tr>
<td>SO3
<select name="SO3" selected value=0 onchange="dos(this);uno(this)">
<option value="0"></option>
<option value="1">MS Windows 2000</option>
<option value="2">MS Windows NT 4</option>
<option value="3">MS Windows XP</option>
<option value="4">Unix</option>
<option value="5">Linux</option>
</select>
</td>
</tr>
</table>
</div>
<div id="div3" name="div3" style="display:none;">
<table border=1>
<tr>
<td>SO4
<select name="SO4" selected value=0 onchange="tres(this);dos(this)" >
<option value="0"></option>
<option value="1">MS Windows 2000</option>
<option value="2">MS Windows NT 4</option>
<option value="3">MS Windows XP</option>
<option value="4">Unix</option>
<option value="5">Linux</option>
</select>
</td>
</tr>
</table>
</div>
<div id="div4" name="div4" style="display:none;">
<table border=1>
<tr>
<td>SO5
<select name="SO5" selected value=0 onchange="tres(this)">
<option value="0"></option>
<option value="1">MS Windows 2000</option>
<option value="2">MS Windows NT 4</option>
<option value="3">MS Windows XP</option>
<option value="4">Unix</option>
<option value="5">Linux</option>
</select>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Bueno..espero que les guste..
si lo pueden hacer mas practico...publiquenlo por favor
