可填写的下拉框

网上找到很多方法实现可填写的下拉框，但是由于下拉框是调用的onchange事件实现option值的变更，当选择第一项option的时候，input中的值不会变

解决方案 »

  1.   

    <html><head><title></title>
    <script type="text/javascript">
    function test(){
    document.getElementById("myText").value = document.getElementById("mySelect").value;
    }
    </script>
    </head><body>
    <select onchange="test()" id="mySelect">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    </select>
    <input type="text" id="myText" />
    </body></html>
      

  2.   

    尝试了下，发现option没法用dblclick，点击一下，就收回去了，不知楼主想干吗！！！网上有很多实例
      

  3.   

    <div style="height:50px; width:300px; overflow:auto;border:1px solid blue; margin:10px; padding:10px;">
    <div style="border:1px solid green;width:118px;height:22px; position:absolute;z-index:900;">
    <div style="width:99px;height:20px;position:absolute;left:0px;top:0px; z-index:2000; ">
    <iframe style="width:99px;height:20px;position:absolute;left:0px;top:0px; " frameborder="0"></iframe>
          <input type='text' id="rename" style="width:99px;height:20px;font-size:10pt;border:0px;;position:absolute;z-index:10" />
          </div>
          <div style="width:18px;border:0px;height:20px;position:absolute; left:100px;">
          <select   style="left:-100px;width:118px;background-color:#FFFFFF;position:absolute;" onchange="document.getElementById('rename').value=this.value;"> 
           <option value="dddd">dddd</option>
           <option value="aaa">aaa</option>
           <option value="bbb">bbb </option>
          </select> 
          </div> 
      </div>
    </div>