Multiple table rows to hide
Hi!
I have this HTML table in which I have rows displaying each a TEXTBOX and a SELECTBOX. I want to delete a row on the click of a button. I do this with the style.display="none" property and it works except that the SELECTBOX does not get hidden. It look as though it's a screen refresh problem but am not sure. Has anyone gotten this problem before ? How did you fix it?
Thanks
I also have text box in each row
<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 ?!?