自動完成：我如何像 facebook 一樣使用自動完成？

Question

我已經嘗試過 textcomplete，但我真的面臨一個問題，我只能在選擇上設置單個值。

在自動完成中，我知道如何設置多值。 但不知道如何轉換它，如下圖所示......

您還可以在這里回顧我在 textcomplete 中嘗試過的內容 - Text Complete Query

Answer 1

首先，您需要包含自動完成的 js 和 css。

這里是鏈接https://blog.jqueryui.com/2015/03/jquery-ui-1-11-4/

包括 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 Query中編寫LIKE參數