<html>
<head>
<title></title>
</head>
<body>
<form>
<table>
<tr ID = "row1">
<td><input type=text name="amount"> GL No:<select><option>One</option><option>Two</option></select></td>
</tr>
<tr>
<td><input TYPE = "button" VALUE = "hide row" ONCLICK = "row1.style.display = 'none';"></td>
</tr>
</table>
</form>
</body>
</html>

... is what I have in more than one row and I set the display none for the TR (Table row) but the <select> does not hide... I have to create a function and hide both the Table row AND the <select> but that gives me other problems:
when I want to display them back (display="block") then it displays on two lines but it was originaly on only one line... weird stuff ?!?