开放原子开发者工作坊

下载地址：http://twitter.github.io/typeahead.js/

typeahead是一款文字补全插件，下面的例子是使用远程的数据集。

/**
 * 搜索
 */
function search(){
    $('.typeahead').typeahead({
        name: 'name',
        remote: {
            url: '/action/search?name=%QUERY',
            filter: function(data){
                retval = [];
                for (var i = 0;  i < data.length;  i++) {
                    retval.push({
                        value: data[i].name,
                        template: '<p class="search-name">{value}</p>'
                    });
                }
                return retval;
            }
        },
        limit:8
    });
}

name:指的是后台收到的字段名

limit:表示的是返回下拉的数据个数

value:指的是返回显示的数据

template:指的是返回数据显示的样式