smart boy smart boy - 4 months ago 78
jQuery Question

Jquery autocomplete on select event

I am using jQuery autocomplete and its working fine, now I want to store a variable in session from jQuery when following condition occurs.

When someone types any word jQuery shows suggestion dropdown, if someone select an item from that suggestion dropdown.

I want to capture above point and store a variable in session.

I searched Google, StackOverflow but find no relevant solution. My code for autocomplete is following:

$(".autosearch-smart").autocomplete('Home/GetCompanyNames', {
minChars: 1,
width: 402,
matchContains: "word",
autoFill: true
});


and this is what I tried to do:

$(".autosearch-smart").autocomplete('Home/GetCompanyNames', {
minChars: 1,
width: 402,
matchContains: "word",
autoFill: true,
select: function (a, b) {
alert("selected");
}

});


EDIT : Select event handler is also not working

I am using asp.net MVC3 with C#. Please help me out and thanks in advance.

Answer

So if I understand correctly you want to store the selected value in a variable sessions

you can get the value out of the selected item through following code:

  $(".autosearch-smart").autocomplete('Home/GetCompanyNames', {
minChars: 1,
width: 402,
matchContains: "word",
autoFill: true,
select: function (event, ui) {
    var label = ui.item.label;
    var value = ui.item.value;
   //store in session
  document.valueSelectedForAutocomplete = value 
}
});

the value and label are json objects that came from the server

Hope this helps