JQuery - Select function on autocomplete not getting called?

Question

I have the following code to add autocompletion to my textBox, autocompletion shows up and everything works, but when a user selected an item the select callback does not get called? Any solutions?

$(function() {

$("#txtItem").autocomplete({
    minLength: 1,
    source: function (request, response) {
        $.ajax({
            url: "/Correct url here",
            dataType: "json",
            data: {
                term: request.term
            },
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.Name,
                        value: item.Name
                    }
                }))
            },
            select: function (event, ui) {
                alert("sdfsdf");
                //$("#txtItemId").val(ui.item.value.ItemId);
            }
        })
    }
})

}

Your select is a parameter to your ajax call, not to your auto-complete call. — cjc343
– cjc343, Commented Mar 11, 2013 at 18:11
@cjc343 Can't believe that I spent 2 hours trying to find that out. Thanks — aryaxt
– aryaxt, Commented Mar 11, 2013 at 18:16

Abdallah Al Barmawi · Accepted Answer · 2013-03-11 18:12:03Z

2

rewrite the code to be like this :

$(function() {

$("#txtItem").autocomplete({
    minLength: 1,
    source: function (request, response) {
        $.ajax({
            url: "/Correct url here",
            dataType: "json",
            data: {
                term: request.term
            },
            success: function (data) {
                response($.map(data, function (item) {
                    return {
                        label: item.Name,
                        value: item.Name
                    }
                }))
            }            
        })
    },
    select: function (event, ui) {
        alert("sdfsdf");
        //$("#txtItemId").val(ui.item.value.ItemId);
    }
})

}

let me know if its worked

answered Mar 11, 2013 at 18:12

Abdallah Al Barmawi

861 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

cjc343 Over a year ago

Still missing a bunch of semicolons.

Adam Fowler Over a year ago

@cjc343 But its still valid Javascript

Joe ONeil · Accepted Answer · 2015-07-08 17:52:59Z

$(function() {

$("#txtItem").autocomplete({
minLength: 1,
source: function (request, response) {
    $.ajax({
        url: "/Correct url here",
        dataType: "json",
        data: {
            term: request.term
        },
        success: function (data) {
            response($.map(data, function (item) {
                return {
                    label: item.Name,
                    ItemId: item.ItemId//this is will put item id in memory
                }
            }))
        }            
    })
},//this is after the source property select is an auto complete property many examples screw this up and it is in side the ajax block of code
select: function (event, ui) {
    alert("sdfsdf");
    //$("#txtItemId").val(ui.item.value.ItemId);
  }
  })}

here is a working example http://plnkr.co/edit/RbuRDh1xRIwyO1QamvCe?p=preview

Collectives™ on Stack Overflow

JQuery - Select function on autocomplete not getting called?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related