如何动态使一个元件不可见

Question

<select name=se style="display:none">
<option>asdf</option>
</select>
<input type="button" onclick="se.style.display='inline'" value="show">

Answer 1

<script>
document.form1.se.style.visibility="hidden";  
document.form1.se.style.position="absolute"; 
</script>

Answer 2

<select name=se style="display:none">
<option>asdf</option>
</select>
<input type="button" onclick="if(se.style.display=='inline'){se.style.display='none';this.value='show';}else{se.style.display='inline';this.value='hide';}" value="show">

Answer 3

试了一下，一个字：行。不过让网页上的东西移来移去，看起来很不舒服。有没有什么办法让这个出现的select框覆盖住某部分元素，而不让这些元素的位置发生改变。就像delphi的下拉框那样。

Answer 4

使用table，将select放在一个td里面，定义好td的高度和宽度，这样就可以了。

Answer 5

<select id="s1"></select>
<span onclick="document.all('s1').style.display='none'">user display</span>&nbsp;&nbsp;&nbsp;&nbsp;
<span onclick="document.all('s1').style.display='block'">show </span>&nbsp;&nbsp;&nbsp;&nbsp;
<br>
<select id="s2"></select>
<span onclick="document.all('s2').style.visibility='hidden'">user visibility</span>
<span onclick="document.all('s2').style.visibility='visible'">show </span>