.net文本框想做个自动完成效果。

解决方案 »

  1.   

     1.header中引入
       <script type='text/javascript' src='js/jquery.autocomplete.js'></script> 2.写一段 javascript
     $(document).ready(function() { 
    $("#code").autocomplete("autotest.aspx?type=zd", {
                            minChars: 0, 
                            max:10, 
                            width: 200,
                            autoFill: false,
                            scroll: false,
                            scrollHeight: 500,
                        //需要把data转换成json数据格式
                    parse: function(data) {
                        return $.map(eval(data), function(row) {
                        
                        
                              return {
                                    data: row,
                                    value: row.name,
                                    //result: row.name + " <" + row.to + ">"
                                    result: row.to
                                    }
                            });
                     },
                    formatItem: function(data, i, total) {  
                    
                           //alert(data.name+data.to);
                           return data.name+ " 推荐编码"
                     },
                    formatMatch: function(data, i, total) {
                                return data.name; 
                     },
                    formatResult: function(data, value) { 
                                return data.name;
                     }
                    }).result(function(event, data, formatted) { //回调
                                // alert(data.to);
                                //$("#content").html(data.to);
                                //$("#id").html(data.to);
               }); } );
    3. 页面写一个 id 为 XX 的input text
     <input id="code" name = "code" type="text"  />
      

  2.   

    参考:
    http://www.cnblogs.com/zengxiangzhan/archive/2009/12/13/1623158.html
     
      

  3.   

    http://download.csdn.net/source/2832884
    昨天用ajaxpro写的自动完成功能 
      

  4.   

    Jquery官方提供autocompletehttp://jqueryui.com/demos/autocomplete