读书人

select下拉框自动显示选项,该怎么处理

发布时间: 2012-05-21 18:04:41 作者: rapoo

select下拉框自动显示选项
select下拉框,按下空格键后让它的选项显示出来

完全没思路啊。主要是不知道触动select的什么事件。

[解决办法]

Java code
 document.onkeypress=function()      {                       // ASCII码  回车:13 空格:32            if (event.keyCode==32)             {               显示选项           }       }
[解决办法]
我改了一下你看看效果.
HTML code
<script>var flag=1;function b_onclick(selcon){   if(flag==1){        selcon.size=selcon.options.length;            flag=0;   }else{        selcon.size=1;            flag=1;   }}document.onkeypress=function(){      // ASCII码  回车:13 空格:32     if (event.keyCode==32){           var sel=document.getElementById("hidsel");        if(sel){            b_onclick2(sel);        }   }   }   function b_onclick2(selcon){   if(flag==1){        selcon.style.display="block";            flag=0;   }else{        selcon.style.display="none";            flag=1;   }}</script><body>  <select size="1" id="selcon" name="selcon">         <option>1</option>             <option>2</option>             <option>3</option>   </select><br/>  <select id="hidsel" name="hidsel" multiple="multiple" size="3" style="display:none;">         <option>1</option>             <option>2</option>             <option>3</option>   </select></body> 

读书人网 >Java Web开发

热点推荐