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>