如何实现列表中选取一个值，出现相对应的表格数

<script>
  function f(){
    var n=parseInt(Nclass.value);
var divinn="";
    for(var i=1;i<=n;i++){
      var tstr = "<table border='1'><tr><td><input name='AAA"+i+"' type='text'></td></tr><tr><td>"
           +"<input name='BBB"+i+"' type='text'></td></tr></table><br>";
  divinn += tstr;
}
     div1.innerHTML=divinn;
  }
</script>
<body onload="f();">
<select name="Nclass" onchange="f();">
<option value="1" selected>1</option>
<option value="2" >2</option>
<option value="3" >3</option>
</select>
<div id="div1"></div>
</body>

解决方案 »

  1.   

    <TABLE name="tbl" id="tbl" border=1>
    </TABLE>
    <BR>
    <SELECT NAME="slt" onchange="foo(this,tbl);">
    </SELECT>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    for(var i=0;i<5;i++)
    slt.add(new Option(i,i)); function foo(obj,table){
    for(var i=0,l=table.rows.length;i<l;i++)
    table.deleteRow(); for(var i=0,l=obj.selectedIndex;i<l;i++){
    cell=table.insertRow().insertCell();
    cell.innerText = i;
    }
    }
    //-->
    </SCRIPT>
    嘿嘿～～～好玩｀～～
      

  2.   

    喔~~~我用了selectedIndex,我这里是value跟索引对应起来的...用value也一样...