<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY>
<DIV dir=ltr align=left><FONT face=Arial color=#0000ff size=2><SPAN
class=753345423-28112006>Hello,</SPAN></FONT></DIV>
<DIV dir=ltr align=left><FONT face=Arial color=#0000ff size=2><SPAN
class=753345423-28112006></SPAN></FONT> </DIV><FONT face=Arial
color=#0000ff size=2></FONT><FONT face=Arial color=#0000ff size=2></FONT>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff size=2>I need
to dynamically hide and unhide a selection box based on the value selected in
the first selection box. So if a user selects "a" in
selection box, element id2 should be visible else it should remain hidden.
I can use document.getElementByI("id2").style.visibility="visible" to make
it visible and document.getElementById("ed1").style.visibility="hidden"; to make
it disappear. The problem when element id2 disappears,
it still keeps space there and it makes the form look bad. Is there
a way to dynamically remove the space it occupies?</FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>.......</FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff size=2><tr
id="id1"></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2> <td></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2> <select name="first"
onchange="check(this)"></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>
<option>a</option></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>
<option>b</option></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>
</select> </FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006></SPAN><SPAN class=753345423-28112006><FONT
face=Arial color=#0000ff size=2> <td></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2></tr></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff size=2><tr
id ="id2" style="visibility:hidden";></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2> <td></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2> <select name="second">
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>
<option>c</option></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>
<option>d</option></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>
</select> </FONT></SPAN></DIV></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2> <td></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2></tr></FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>..............</FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff size=2>rest
of the form....</FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff size=2>Thanks
a lot,</FONT></SPAN></DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2></FONT></SPAN> </DIV>
<DIV><SPAN class=753345423-28112006><FONT face=Arial color=#0000ff
size=2>Roland</FONT></SPAN></DIV></BODY></HTML>