简单的JS问题，大家帮我看看吧

Question

代码：
<tr>
<td>
<select name="A">
<option value="10">10</option>
<option value="20">20</option>
</select>
</td>
<td>
<select name="B">
<option value="30">30</option>
<option value="40">40</option>
</select>
</td>
</tr><? for($i=1;$i<4;$i++){?>
<tr>
<td><b id='show'><?=$i?></b></td>
</tr>
<? }?>如要让点下拉框A的20，列
1
2
3 
相应都成以拉框A里面的值20，变成列
1X20=20
2X20=40
3X20=60
点下拉框B的30，刚才的列再成以下拉框B里面的值30，变成列
1X20X30=600
2X20X30=1200
3X20X30=1800
，不知道说清楚了没？要怎么做呢？

Answer 1

<form name="form1" method="post" action=""/>
<table>
<tr>
<td>
<select name="A" onchange="doRes()">
<option value="1">选择</option>
<option value="10">10</option>
<option value="20">20</option>
</select>
</td>
<td>
<select name="B" onchange="doRes()">
<option value="1">选择</option>
<option value="30">30</option>
<option value="40">40</option>
</select>
</td>
<td id='col1'>
1
</td>
<td id='col2'>
2
</td>
<td id='col3'>
3
</td>
</table>
</tr>
</form>
<script>
function doRes()
{
var a = form1.A.value;
var b = form1.B.value;
document.all.col1.innerText = 1 * a * b;
document.all.col2.innerText = 2 * a * b;
document.all.col3.innerText = 3 * a * b;
}
</script>