JQuery autocomplete on selection run function

Question

I have this code in jquery:

var data = <?php echo $data; ?>;
    $("#contact_email").autocomplete({
        source:data,
        select: function(e, ui) {
            e.preventDefault()
            $(this).val(ui.item.label);
            $("#contact_email_sequence").val(ui.item.value);

            GetCustomerDetails();
        }
    });

the autocomplete is working fine, however its not running my GetCustomerDetails function on select.

when i select an option from the autocomplete list the list does not dissapear however the option is selected into the input field

Possible duplicate of [Call function within autocomplete jQuery plugin](http://stackoverflow.com/questions/18510926/call-function-within-autocomplete-jquery-plugin) — Ananthakumar, Dec 31 '15 at 10:32

Maths RkBala · Accepted Answer · 2015-12-31T10:41:27.043

0

Please use the following code:

var data = <?php echo $data; ?>;
    $("#contact_email").autocomplete({
        source:data,
        select: function(e, ui) {
            $("#contact_email").val(ui.item.label);
            $("#contact_email_sequence").val(ui.item.value);
            GetCustomerDetails();
            return false;
        }
    });

edited Dec 31 '15 at 10:41

answered Dec 31 '15 at 10:26

Maths RkBala

2,207
3
18
21

Please try the above – Maths RkBala Dec 31 '15 at 12:33

score 0 · Answer 2 · answered Dec 31 '15 at 10:34

Hi find fiddle URL for demo:

$( "#autocomplete" ).autocomplete({
    source: function( req, resp ) {
        $.post( "/echo/json/", {
            json: '["1", "2", "3", "4", "5"]',
            delay: 1
        }, function(data) {
            resp( data );
        }, "JSON" );
    },
    select: function( event, ui ) {
            demo(ui.item.value);          
      }
});
function demo(value) {
alert(value);

}

http://jsfiddle.net/EBduF/473/

JQuery autocomplete on selection run function

2 Answers2