模拟实现简单的AutoComplete

    效果图

原理:从数据集中查找(相似)结果集,然后展示出来。

流程:

1.数据源如: [{name:郭诗贤},{name:赵云飞}]

2.查找方法:(正则) if(new RegExp("郭").test(name)) [添加到结果集];

3.展示:

  3.1页面添加:<ul id="searchList"></ul> 样式自定义。

  3.2将查找到的结果集添加到ul:$("#searchList").append($("<li></li>").append("<a>"+name+"</a>"));

  3.3添加 li :hover的样式

  3.4设定点击事件

 

 

 

posted @ 2012-02-10 18:51  失落小羊  阅读(231)  评论(0编辑  收藏  举报