你可以模仿,好像select不可以哦

解决方案 »

  1.   

    select可以调整size不就可以了吗?
      

  2.   

    就用size属性可以了,看看是不是这样的效果:
    <select name='select1' size=10>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    </select>
      

  3.   

    加了size就成了展开的列表框了,再则,他就不能收回去了,我是想要下拉列表框自动打开,模仿太麻烦了呢,有没有简单点的方法
      

  4.   

    楼主的意思我明白了他是想不利用size 
    就是select自动展开 并将焦点移到其中option不懂
    没见过
    不能帮你
    为什么不用这个呢
    <option value="csdn" selected>csdn</option>
      

  5.   

    如果要自动展开,只能用模拟Demo:
    http://webfx.eae.net/dhtml/combobox/combo_demo.htm
    Download:
    http://webfx.eae.net/dhtml/combobox/ComboBox.zip如果,是要选择特定项的话,倒是可以直接解决.<select name="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    </select>
    <input type="button" onclick="Sel(5)" value="选择第六项">
    <script>
    function Sel(i)
    {
        document.all.sel.options[i].selected=true;
    }
    </script>
      

  6.   

    受大家的启发.写了这个...
    <input type="button" onclick="Sel()" value="选择">
    <div style="position:absolute">
    <select name="sel" onclick="this.size=''">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    </select>
    </div>
    <script>
    function Sel()
    {
        document.all.sel.size="5";
    }
    </script>
      

  7.   

    wanghr100(灰豆宝宝.net) 的模拟效果不错,就是当在它下边还有一选择框时就要出现层次的错误问题,多谢大家继续提出解决方案
      

  8.   

    <body onload="Sel()" value="选择">
    <div style="position:absolute">
    <select name="sel" onclick="this.size=''">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5" selected>5</option>
    <option value="6">6</option>
    </select>
    </div><br><select name="se2">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5" selected>5</option>
    <option value="6">6</option>
    </select><script>
    function Sel()
    {
        document.all.sel.size="5";
    }
    </script>