'table' størelse med 'select'

Hey

jeg er ved at lave et artikel system, helt præcis skal det bruges til noter til skole fag.
jeg skal derfor have muligheden for at sætte noget data i <table>
denne table skal jeg kunne bestemme størelse af om den skal være 2x2 eller 10x10(er max lige pt.)
hvordan kan man lave det ?

<script language="javascript">
function testchange(tal){
a = 0;
if (tal == 1) {
    document.myform.tablex.style.visibility = 'visible';
    document.myform.tabley.style.visibility = 'visible';
    document.myform.testb.style.visibility = 'hidden';
}
if (tal == 0) {
    document.myform.tablex.style.visibility = 'hidden';
    document.myform.tabley.style.visibility = 'hidden';
    document.myform.testb.style.visibility = 'visible';
}

}
</script>
<form method="post" action="skole1/foo.php" target="iframes_navn" name="myform">
----
Text el. table      <select name="texteltable" size="1" id="texteltable" onChange="testchange(this.selectedIndex)" >
<option value='text' >text</option>"; <option value='table' >table</option>";
</select>
----
x:<select name="tablex" size="1" id="tablex" >
<option value='1' >1</option>";
<option value='2' >2</option>";
</select>
y:<select name="tabley" size="1" id="tabley" >
<option value='1' >1</option>";
<option value='2' >2</option>";
</select>
---
Text B:<br><textarea rows='10' cols='25' name='testb'><? settext("testb"); ?></textarea>

table skal tegnes/laves her

</form>