关于列表和表格问题


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<script type="text/javascript">
    function showDiv(_this) {        for (var i = 0; i < _this.options.length;i++) {

            if (i == _this.selectedIndex) {
                document.getElementById(_this.options[i].value).style.display = "";
            }
            else {
                document.getElementById(_this.options[i].value).style.display = "none";
            }
            
        }
        
        
    }
</script>
 <BODY>
   <div>
    <select id="Select1" onchange="showDiv(this)">
        <option value="a">a</option>
        <option value="b">b</option>
    </select>
    <table id="a"><tr><td>表格1号</td></tr></table>
    <table id="b" style="display:none"><tr><td>表格2号</td></tr></table>
    
    </div>
 </BODY>
</HTML>