怎样隐藏下拉框

[shwei001]

几个同时隐藏，同时显示

[sun1979song]

<select style="display:none">
就可以隐藏。
脚本里同样
selectName.display = "none";
你说的几个同时隐藏就同时变不就行了。

[shwei001]

不想一个一个写，全部一次搞定怎么写

[qiushuiwuhen]

<style>select.s {display:none}</style>
<input type=button value=toggle onclick=toggle()>
<script>function toggle(){
with(document.styleSheets[0].rules[0].style)display=(display==''?'none':'');
}
</script>
<select class=s></select>
<select class=s></select>
<select class=s></select>
<select class=s></select>
<select class=s></select>

[shwei001]

我的问题是这样的，一个页面中有很长的下拉菜单导航条，但是会被下面提交form中的下拉框档住，这个问题解决不了，我想通过鼠标事件移入form时显示下拉框，移出则隐藏，请问这样可否实现？

[qiushuiwuhen]

如果不想有class，可用一个tag框起来
<style>span select{display:none}</style>
<input type=button value=toggle onclick=toggle()>
<script>function toggle(){
with(document.styleSheets[0].rules[0].style)display=(display==''?'none':'');
}
</script>
<select></select>
<span>
<select></select>
<select></select>
<select></select>
<select></select>
<select></select>
<select></select>
<select></select>
<select></select>
<select></select>
<select></select>
</span>