当前位置: 代码迷 >> Java Web开发 >> select下拉框自动显示选项,该怎么处理
  详细解决方案

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

热度:5343   发布时间:2013-02-25 21:20:09.0
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>
  相关解决方案