<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<script type="text/javascript">
function changeTableDisplay(){
if (document.getElementById("Select1").value=="001"){
    document.getElementById("tabel1").style.display="none";
    document.getElementById("tabel2").style.display="none";
    document.getElementById("tabel3").style.display="none";}
if (document.getElementById("Select1").value=="1"){
    document.getElementById("tabel1").style.display="";
    document.getElementById("tabel2").style.display="none";
    document.getElementById("tabel3").style.display="none";}
if (document.getElementById("Select1").value=="2"){
    document.getElementById("tabel1").style.display="none";
    document.getElementById("tabel2").style.display="";
    document.getElementById("tabel3").style.display="none";} 
if (document.getElementById("Select1").value=="3"){
    document.getElementById("tabel1").style.display="none";
    document.getElementById("tabel2").style.display="none";
    document.getElementById("tabel3").style.display="";} 
    
}
function changeTable1Display(){
if (document.getElementById("Select2").value=="002"){
    document.getElementById("tabel4").style.display="none";
    document.getElementById("tabel5").style.display="none";
    document.getElementById("tabel6").style.display="none";}
if (document.getElementById("Select2").value=="4"){
    document.getElementById("tabel4").style.display="";
    document.getElementById("tabel5").style.display="none";
    document.getElementById("tabel6").style.display="none";}
if (document.getElementById("Select2").value=="5"){
    document.getElementById("tabel4").style.display="none";
    document.getElementById("tabel5").style.display="";
    document.getElementById("tabel6").style.display="none";} 
if (document.getElementById("Select2").value=="6"){
    document.getElementById("tabel4").style.display="none";
    document.getElementById("tabel5").style.display="none";
    document.getElementById("tabel6").style.display="";} 
    
}
</script></head><body >
<table id="tableMain" >
<tr>
<Td><SELECT ID="Select1" NAME="choice1" onchange="changeTableDisplay()" >
<option value="001">请选择
<OPTION VALUE="1" >1
<OPTION VALUE="2" >2
<OPTION VALUE="3" >3
</SELECT></Td>
<Td><SELECT ID="Select2" NAME="choice2"  onchange="changeTable1Display()">
    <option value="002">请选择
<OPTION VALUE="4" >4
<OPTION VALUE="5" >5
<OPTION VALUE="6" >6
</SELECT></Td>
</tr></table>
<table id="tabel1" style="display: none;">
<tr>
<td><input type="field" style="visibility: hidden"></td>
<td><input type="field"></td>
</tr>
</table>
<table id="tabel2" style="display: none;">
<tr>
<td><input type="field"></td>
<td><input type="field" style="visibility: hidden"></td>
</tr>
</table>
<table id="tabel3" style="display: none;">
<tr>
<td><input type="field"></td>
<td><input type="field"></td>
</tr>
</table><table id="tabel4" style="display: none;">
<tr>
<td><input type="field" style="visibility: hidden"></td>
<td><input type="field"></td>
</tr>
</table>
<table id="tabel5" style="display: none;">
<tr>
<td><input type="field"></td>
<td><input type="field" style="visibility: hidden"></td>
</tr>
</table>
<table id="tabel6" style="display: none;">
<tr>
<td><input type="field"></td>
<td><input type="field"></td>
</tr>
</table>
</body>
</html>