求一个类似google联想词功能的JS

我现在所做页面中有一个<select></select>    里面有一些既定选项
现在要实现的功能是：我在select输入框中直接输入部分关键字 在select下拉列表中就会出现包含关键词的所有选项
比如：
      <select></select>    其中<option></option>
                               <option>张强</option>
                               <option>张强1</option>
                               <option>张强2</option>
                               <option>张强3</option>
                               <option>强强</option>
  一旦我输入“张”就在select下拉列表中显示出 <option>张强</option>
                                             <option>张强1</option>
                                             <option>张强2</option>
                                             <option>张强3</option>工程求用啊！！！老师要发飙啦~~~救命啊  各位大侠！！！

解决方案 »

  1.   

    看看：http://download.csdn.net/source/1842504
      

  2.   

    select中可以输入东西吗？头像是楼主本人吗?
      

  3.   

    参考http://faceye.com/s/402881b1262751ca0126275acc510211
      

  4.   

    jQueryUI.1.8.2增加了AutoComplete插件, 可以去看看
    http://jqueryui.com/demos/autocomplete/
      

  5.   

    我JS刚刚入门啊JQuery框架还不是很能看懂  有哪位大侠能发个html可以直接调用的现成代码不   我在这里先谢谢啦   界面明天就要交工了。
      

  6.   

    呵呵  搞错了text文本就可以  就是类似Google的那种   
      

  7.   

    dojo的Combobox、Filterselect都支持
      

  8.   

    dojo的Combobox、Filterselect都支持
    你可以改一下，把后面的下拉箭头图片隐藏
      

  9.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Calendar Widget Test</title> <!-- for tests -->
    <style type="text/css">
    @import "../../dojo/resources/dojo.css";
    @import url(../../themes/tundra/tundra.css);
    @import "css/dijitTests.css";
    </style>

    <!-- required: a default dijit theme: -->
    <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/tundra/tundra.css"> <!-- required: dojo.js -->
    <script type="text/javascript" src="../../dojo/dojo.js"
    djConfig="parseOnLoad: true, isDebug: true"></script>
    <script>
                    dojo.require("dijit.form.FilteringSelect");
                    dojo.addOnLoad(function()
                    {
                        dijit.byId('test').downArrowNode.style.display = 'none';    
                    });
            </script>
    </head>
    <body>
            <select dojoType="dijit.form.FilteringSelect" id="test">
                    <option value="1">张强</option>
                    <option value="2">张强1</option>
                    <option value="3">张强2</option>
                    <option value="4">张强3</option>
                    <option value="5">强强</option>
                    </select>                
    </body>
            
    </html>
      

  10.   

      Select好像不可以输入把
      

  11.   

    虽然挺简单的，不过刚看jQuery的一般都挺晕乎的
      

  12.   

    http://download.csdn.net/source/2271910 抠的百度的 呵呵