具有不同参数的多个文本框的单个 jQuery 自动完成答案

【问题标题】：Single jQuery autocomplete for multiple textboxes with different parameters具有不同参数的多个文本框的单个 jQuery 自动完成
【发布时间】：2016-01-28 10:10:40
【问题描述】：

有没有办法可以将此autocomplete 用于多个文本框元素。我面临的难题是我想根据调用函数的文本框动态更改元素绑定和源。

$("#element").autocomplete({
    source: "../ajax/autocompletes/trucks.php",
    minLength: 0,
    select: function (event, ui) {
        $("#element_id").val(ui.item.id);
    },
    change: function (event, ui) {
        if (!ui.item) {
            this.value = "";
            alert('PLEASE SELECT AN ITEM FROM DROPDOWN!');
        }
    }
}).dblclick(function () {
    $(this).autocomplete("search");
});

我已经搜索了谷歌，但没有找到太多。

【问题讨论】：

做一个函数，传入id和source作为参数，然后调用！！！
哎呀..!!!!!好傻的我！！谢谢

标签： jquery jquery-ui jquery-autocomplete

【解决方案1】：

试试这个，如果您需要进一步的帮助，请告诉我

function multiAutocomplete(element,sourceUrl){
        $(element).autocomplete({
        source: sourceUrl,
        minLength: 0,
        select: function (event, ui) {
            $("#element_id").val(ui.item.id);
        },
        change: function (event, ui) {
                    if (!ui.item) {
                        this.value = "";
                        alert('PLEASE SELECT AN ITEM FROM DROPDOWN!');
                    }
                }
            }).dblclick(function () {
                $(this).autocomplete("search");
            });

    }

这样调用：

    multiAutocomplete('#element','../ajax/autocompletes/trucks.php');
    multiAutocomplete('#element2','../ajax/autocompletes/trucks2.php');
    multiAutocomplete('#element3','../ajax/autocompletes/trucks3.php');

【讨论】：