下拉列表

<input type="text" name="textfield" onfocus="sel.style.visibility='hidden';" />

解决方案 »

  1.   

    这个更好点：
    <select id="sel" style="visibility:hidden" onchange="this.style.visibility='hidden';" onblur="this.style.visibility='hidden';">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    </select>
      

  2.   

    我想不出办法啊，onblur事件又不冒泡……
      

  3.   

    想到了，如下：
    <input type=button value="go" onclick="sel.style.visibility='visible';sel.focus()">
    <select id="sel" style="visibility:hidden" onchange="this.style.visibility='hidden';" onblur="this.style.visibility='hidden';" >
    <option>1</option>
    <option>2</option>
    <option>3</option>
    </select>
    <label>
    <input type="text" name="textfield" />
    </label>
      

  4.   

    :<input type=button value="go" onclick="sel.style.visibility='visible';sel.focus();">
    <select id="sel" style="visibility:hidden" onchange="this.style.visibility='hidden';" onblur="this.style.visibility='hidden';">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    </select>
    <label>
    <input type="text" name="textfield" />
    </label>
      

  5.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- DW6 -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>shawl.qiu template</title>
    <script type="text/javascript">
    //<![CDATA[
    function test(obj){
    obj.style.display='inline';
    }
    function fHide(obj){
    obj.style.display='none';
    }
    document.onclick=function(e){
    if(!e)var e=window.event;
    var e_;
    if(e.srcElement)e_=e.srcElement;
    else if(e.target)e_=e.target;
    if(e_.id!='flag'&&e_.id!='sle'){
    fHide(document.getElementById('sle'));
    }
    }
    //]]>
    </script>
    </head>
    <body>
    <button onclick="test(document.getElementById('sle'))" id="flag">click</button><br />
    <select id="sle" style="display:none;" onchange="fHide(this);">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    </select><br />
    <input type="text" name="textfield"/>
    </body>
    </html>