日期:2014-05-17  浏览次数:20931 次

DropDownList如何实现即可下拉又可编辑 就像百度那样!
如何实现 DropDownList 既可以选择下拉 又可以编辑  
且编辑时,有自动补全功能!补全的数据全部来自数据库!
例如 百度页面:
dropdownlist 百度 数据库 可编辑可下拉 自动补全

------解决方案--------------------
你说的是这个吧?http://jqueryui.com/autocomplete/这个其实是个jquery插件。
refer:http://q.cnblogs.com/q/45390/
------解决方案--------------------
其实就是一个textbox,下面放个div而已。jquery autocomplete插件可以快速的实现这个效果。
------解决方案--------------------
给你一个简单的demo:
首先引用这个jquery插件,
<link href="../js/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

    <script src="../js/jquery.autocomplete.js" type="text/javascript"></script>

然后在页面写入javascript代码,
 $(function(){
            $("#<%=txtDWDM.ClientID %>").autocomplete("../services/SearchSydwInfoService.ashx",{
                width:500,
                max:20,
                delay:10,
                cacheLength:1,
                formatItem:function(data,i,max){
                    return data.toString();
                },
                formatResult:function(data,i,max){
                    return data.toString().split(',')[1];
                }
            }).result(function(event,data,formatted){