如何使Select下拉框中的内容展现,相当于click了一下Select框,用脚本实现!

ie5.5以上可以用select.fireEvent("click")看看

解决方案 »

  1.   

    是select.fireEvent("onclick")
    此事件是触发了，但效果如select.click() 一样。下拉选单内容仍不展现。
      

  2.   

    div模拟出来挺有意思的
    <script>
    function showdiv()
    {
    str="<table style='border:1 solid #000000;' cellspacing=0 celpadding=0><tr><td>";
    for(i=0;i<document.all.mysel.options.length;i++)
    str+="<font style='font-size:10pt' onmouseover=myover() onmouseout=myout() onclick=myclick("+i+")>"+document.all.mysel.options[i].text+"&nbsp;&nbsp;&nbsp;</font></br>";
    likesel.innerHTML=str+"</td></tr></table>";
    }
    function myover()
    {
    event.srcElement.style.cursor="default";
    event.srcElement.style.color="white";
    event.srcElement.style.background="darkblue";
    }
    function myout()
    {
    event.srcElement.style.color="";
    event.srcElement.style.background="";
    }
    function myclick(j)
    {
    document.all.mysel.selectedIndex=j;
    likesel.style.display="none";
    }
    </script>
    <body onload="showdiv()">
    <select name=mysel onclick="likesel.style.display='none'">
    <option value=11>11
    <option value=12>12
    <option value=13>13
    </select>
    <div id=likesel><div>
      

  3.   

    不错不错，鼓励鼓励修改了点<script>
    function showdiv(w)
    {
    str="<table style='border:1 solid #000000;' width="+w+" cellspacing=0 celpadding=0>";
    for(i=0;i<document.all.mysel.options.length;i++)
    str+="<tr><td style='font-size:10pt' onmouseover=myover() onmouseout=myout() onclick=myclick("+i+")>"+document.all.mysel.options[i].text+"&nbsp;&nbsp;&nbsp;</td></tr>";
    likesel.innerHTML=str+"</table>";
    }
    function myover()
    {
    event.srcElement.style.cursor="default";
    event.srcElement.style.color="white";
    event.srcElement.style.background="darkblue";
    }
    function myout()
    {
    event.srcElement.style.color="";
    event.srcElement.style.background="";
    }
    function myclick(j)
    {
    document.all.mysel.selectedIndex=j;
    likesel.style.display="none";
    }
    </script>
    <body onload="showdiv(mysel.offsetWidth)">
    <select name=mysel onclick="likesel.style.display='none'">
    <option value=11>1111111
    <option value=12>111112
    <option value=13>1111111113
    </select>
    <div id=likesel><div>