点击别的按钮，让下拉框是下拉状态

不行哦, 解决方案只有通过设置select的size把option展示出来, 但是不是那种原生的下拉框效果. 

解决方案 »

  1.   

    目前方法也只会修改size属性：$("#select").attr('size',5);
      

  2.   

    lz可以这样一试：拉下列表不用select标签的，自己弄成div的，控制起来就方便多了
      

  3.   

    可是可以，不过，是在IE下有效果<!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <script type="text/javascript" src="jquery.js">
      <!--

      //-->
      </script>
      <script type="text/javascript">
    var Test = new function(){
    this.ShowOptions = function(){
    $('#gender').focus();
    $('#gender').click();
    }
    this.ShowOptions = function(){
    　　cboSort.focus();
    　　var WshShell = new ActiveXObject("Wscript.Shell");
    　　try{
    　　 WshShell.SendKeys("%{DOWN}");
    　　}
    　　catch(e){} 
    　　WshShell.Quit; 
    　　 }
    };
      </script>
      <title>Document</title>
     </head>
     <body>
     <Object type="application/x-oleobject" id=Shell classid="clsid:F935DC22-1CF0-11D0-ADB9-00C04FD58A0B"></Object>
    　　<SELECT id=cboSort >
    　　<option>保密</option>
    　　<option>男</option>
    　　<option>女</option>
    　　<option>未知</option>
    　　</SELECT> 
    　
    <button id="popSelect" onclick="javascript:Test.ShowOptions();">弹出来</button> </body>
    </html>
      

  4.   

     this.ShowOptions = function(){
                $('#gender').focus();
                $('#gender').click();
            }可以删了
      

  5.   

    应该是不能把元素通过下拉的方式展现，除非用multiple="multiple"显示
      

  6.   

    用层来模拟。。或者动态改成#6的类型，不过应该不是楼主想要的select对象option的autocomplete自动完成
      

  7.   

    感谢 wz_307、萧萧闪凌风、lgc8023、gdf87521、w5167839、showbo 的回答。
    已明白，非常谢谢