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.visi bility = "hidden";
elem.style.disp lay = "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.visi bility = "hidden";
elem.style.disp lay = "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.visibilit y="hidden"'><op tion>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.visi bility = "hidden";
elem.style.disp lay = "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.getEle mentById
&& (es = document.getEle mentById(id))
&& (es = es.style)){
es.display = ('none' == es.display)? '' : 'none';
}
}
</script>

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