怎么把input与select功能合一 _JavaScript

如何把input与select功能合一

PHP code

<input name='wc'>

可以输入值，并提交给wc.do文件。
如何让其再加一个功能，即select的样子，就是，可以选择，也可以自己输入值.
就是像百度搜索一样，下面会配出很多。

我知道是用ajax,我只会使用ajax把值传到一个<div id='dd'>此处来自ajax动态传的值</div>

但是像这种情况如何办呢？

------解决方案--------------------
一个input一个div,给input加入按键监听,通过ajax查询然后将值显示在div里,控制div的显示和位置
------解决方案--------------------
可编辑的下拉框？

HTML code


<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
        <style>
            .my-select * {
                margin:0; padding:0;
            }
            .my-select input,
            .my-select select {
                font-size:100%;
            }
            
            .my-select {
                position:relative;
                margin:100px;
                font-size:12px;
            }
            .my-select-select {
                position:absolute; left:0; top:0; *top:1px;
                width:100px;
                clip:rect(0 auto auto 80px);
            }
            .my-select-text {
                width:80px; *height:16px; *line-height:16px;
            }
        </style>
    </head>
    <body>
        <div class="my-select">
            <select class="my-select-select" id="my-select-select">
                <option value="1-1">1-11111111111111111111111</option>
                <option value="1-2">1-2</option>
                <option value="1-3">1-3</option>
            </select>
            <input class="my-select-text" id="my-select-text" />
        </div>
        <script>
            function $(o){return document.getElementById(o)}
            $('my-select-select').onchange = function(){
                $('my-select-text').value = this.value;
            }
        </script>
    </body>
</html>