problem making <select> invisible

[mitch]

I have a <select> that's inside a <td> and I want to dynamically
show and hide the select. If elem is set to the <select> and I do
either of these:

elem.style.visibility = "hidden";
elem.style.display = "none";

it works in Firefox, but not in IE. In IE the page doesn't change at
all.

However if I set elem to the outer <td> and then do those two
statements, they both work just fine.

Does anybody know how to temporarily hide just a <select>?

Thanks.

[Mitja Trampus]

mitch wrote:

I have a <select> that's inside a <td> and I want to dynamically
show and hide the select. If elem is set to the <select> and I do
either of these:

elem.style.visibility = "hidden";
elem.style.display = "none";

it works in Firefox, but not in IE. In IE the page doesn't change at
all.
Make sure the problem is not elsewhere. The following two lines both work for me:
<select
onchange='this.style.visibility="hidden"'><option> foo</option><option>bar</option></select>
<select onchange='this.style.display="none"'><option>foo</option><option>bar</option></select>
However if I set elem to the outer <td> and then do those two
statements, they both work just fine.

Does anybody know how to temporarily hide just a <select>?

You /could/ enclose each select in a div...

[RobG]

mitch wrote:

I have a <select> that's inside a <td> and I want to dynamically
show and hide the select. If elem is set to the <select> and I do
either of these:

elem.style.visibility = "hidden";
elem.style.display = "none";

it works in Firefox, but not in IE. In IE the page doesn't change at
all.

However if I set elem to the outer <td> and then do those two
statements, they both work just fine.

Does anybody know how to temporarily hide just a <select>?

I agree with Mitja, it should work:

<script type="text/javascript">
function hideShow(id)
{
var es;
if ( document.getElementById
&& (es = document.getElementById(id))
&& (es = es.style)){
es.display = ('none' == es.display)? '' : 'none';
}
}
</script>

<input type="button" value="Hide/show select"
onclick="hideShow('sel_A');">
<select id="sel_A">
<option>foo
<option>bar
</select>
--
Rob