this form is already visible once u load the page

form 1
<td class="text">Processing Status:</td>
<td width="44%" class="text"><select name="statName" ">
<option value="LIB Signed">LIB Signed</option>
<option value="Obligated">Obligated</option>
<option value="MOA Signed">MOA Signed</option>
<option value="For Voucher (DV) Preparation">For Voucher (DV) Preparation</option>
<option value="D.V Prepared">D.V Prepared</option>
<option value="Check Prepared">Check Prepared</option>
<option value="Check Release">Check Release</option>
</select></td>
<td width="22%" class="text" >&nbsp;</td>

</tr>
<tr>
<td rowspan="2" class="text"><div align="left">Remarks:</div></td>
<td rowspan="2" class="text">
<div align="left">
<textarea name="statRemarks" cols="30" rows="10" id="textarea"></textarea>
<input type="submit" name="Submit" value="Submit"></form>

once u selected the MOA Signed....this form will appear

form 2
<td width="30%" bgcolor="ffffff" class="text"><div align="right">Amount</div></td>
<td width="70%" bgcolor="ffffff" class="text"><input type="text" name="amount"></td>
</tr>
<tr>
<td align="right" class="text">Check No: </td>
<td align="right" class="text"><div align="left">
<input type="text" name="checkNum">
</div></td>
</tr>
<tr>
<td align="right" class="text">Remarks</td>
<td align="right" class="text"><div align="left">
<textarea name="remarks" cols="20" rows="10"></textarea>
</div></td>

and at the same time the first form with dropdown box will be invisible.


thanks in advance