Jquery 自动完成:我如何像facebook一样使用自动完成?

Jquery 自动完成:我如何像facebook一样使用自动完成?,jquery,autocomplete,Jquery,Autocomplete,我已经尝试过textcomplete,但我确实面临一个问题,我只能在select上设置单个值 在自动完成中,我知道如何设置多个值。但我不知道如何转换它,如下图所示 你也可以在这里回顾一下我在textcomplete中尝试过的内容-首先,你需要包括自动完成js和css 这里是链接 包括jquery ui js和jquery ui css $("#txtSeller").on('keyup', function(e){ var currentObj = $(this); jQuery("#txtS

我已经尝试过textcomplete,但我确实面临一个问题,我只能在select上设置单个值

在自动完成中,我知道如何设置多个值。但我不知道如何转换它,如下图所示


你也可以在这里回顾一下我在textcomplete中尝试过的内容-

首先,你需要包括自动完成js和css

这里是链接

包括jquery ui js和jquery ui css

$("#txtSeller").on('keyup', function(e){
var currentObj = $(this);
jQuery("#txtSeller").autocomplete({
    source: function(request, response) {
        var postData = {
            "operation":"search",
            "sellerName": currentObj.val()//sending the name to backend
        }

        $.ajax({
            type: "POST",
            cache: false,
            url: "controllers/admin/put_orders.php",
            datatype:"json",
            data: postData,

            success: function(dataSet) {
                response($.map(JSON.parse(dataSet), function (item) {
                    return {
                        id: item.id,
                        value: item.name
                    }
                }));
            },
            error: function(){

            }
        });
    },
    select: function (e, i) {
        var sellerId = i.item.id;
        currentObj.attr("seller-id", sellerId);
        $("#txtSeller").val(i.item.value);
    },
    minLength: 3
});
})

下面是自动完成的完整代码


请让您为这个ajax调用编写sql查询别忘了在sql查询中编写LIKE参数

它会在类型“@”上调用吗?