Advertisement
rsu18amurray

Autocomplete Functionality

Jun 27th, 2017
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $( ".full-name" ).autocomplete({
  2.             source: function( request, response ) {
  3.                 $.ajax({
  4.                     url: "autocomplete.php",
  5.                     dataType: "json",
  6.                     data: {
  7.                         q: request.term
  8.                     },
  9.                     success: function( label, value ) {
  10.                         response(label);
  11.                     }
  12.                 });
  13.             },
  14.             minLength: 3,
  15.             select: function( event, ui ) {
  16.                 $(".full-name").val($(event.target).find("span").text());
  17.             },
  18.             focus: function( event, ui ) {               
  19.                 $(".full-name").val($(event.target).find("span").text());
  20.                 $('.full-name').autocomplete('close');
  21.             },
  22.             open: function() {
  23.                 $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
  24.                 $('.ui-autocomplete').off('menufocus hover mouseover mouseenter');
  25.             },
  26.             close: function() {
  27.                 $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
  28.             }
  29.         })
  30.         .autocomplete( "instance" )._renderItem = function( ul, item ) {
  31.                 return $( "<li></li>" )
  32.                     .data( "item.autocomplete", item )
  33.                     .attr( "data-value", item.value )
  34.                     .append(item.label)
  35.                     .appendTo( ul );
  36.             };
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement