如何把input与select功能合一

<input name='wc'>
可以输入值，并提交给wc.do文件。
如何让其再加一个功能，即select的样子，就是，可以选择，也可以自己输入值.
就是像百度搜索一样，下面会配出很多。我知道是用ajax,我只会使用ajax把值传到一个<div id='dd'>此处来自ajax动态传的值</div>但是像这种情况如何办呢？

解决方案 »

  1.   

    这需要javascript来生成或取消<select>元素。
    可以用 document.createElement('select');来创建一个select元素对象
      

  2.   

    其实就是一个text加一个div,给input加入按键监听,然后通过ajax将查询的值显示在div里,控制一下div的位置就OK了
      

  3.   

    一个input一个div,给input加入按键监听,通过ajax查询然后将值显示在div里,控制div的显示和位置
      

  4.   

    autocomplete, 你自己找一下这个插件吧
      

  5.   

    可编辑的下拉框？
    <!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>
      

  6.   

    createElement(),去创建一个html对象。