jquery autocomplete by json

最新推荐文章于 2026-01-07 13:20:40 发布

最新推荐文章于 2026-01-07 13:20:40 发布 · 69 阅读

文章标签：

#json #jQuery #Ajax #ViewUI

本文介绍了一个使用jQuery插件实现的城市名称自动补全搜索功能。该搜索框支持多个城市的输入，并通过解析返回的JSON数据来显示建议列表。

$("#fromtCity").autocomplete("../searchCity.do", {   
   multiple: true,     
   width:150,     
   max:50,     
   multipleSeparator: ' ',    
   dataType: 'json',     
  //加入对返回的json对象进行解析函数，函数返回一个数组       
   parse: function(data) {   
     var rows = [];   
     for(var i=0; i<data.length; i++){   
      rows[rows.length] = {    
        data:data[i],    
        value:data[i],    
        result:data[i]    
        };    
      }   
   return rows;   
     },   
   formatItem: function(row, i, n) {   
      return row;         
  }   
});