Single jQuery autocomplete for multiple textboxes with different parameters

Question

Is there a way I can use this autocomplete for multiple textbox elements. The struggle I am facing is that I want to dynamically change the element binding and the source based on the textbox which is calling the function.

$("#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");
});

I have searched google but haven't found much.

Make a function and pass id and source as a parameters, then call it !!! — Afsar
– Afsar, Commented Jan 28, 2016 at 10:14

Afsar · Accepted Answer · 2016-01-28 10:18:21Z

Try this and let me know , if you need further assitance

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");
            });

    }

Call like this:

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

Collectives™ on Stack Overflow

Single jQuery autocomplete for multiple textboxes with different parameters

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related