Dipisahkan Koma Beberapa Pelengkapan Otomatis dalam satu bidang

Saat saya membaca lebih banyak dan mencari lebih banyak, saya menemukan kode pelengkapan otomatis jarak jauh di situs web jquery ui. Lucu bagaimana Anda dapat mencari dan membaca untuk waktu yang lama dan tidak menemukan beberapa informasi bermanfaat yang jelas.

situs web jquery ui .. http://jqueryui.com/autocomplete/#multiple-remote

Saya menggunakan contoh kode di bawah ini dan mengeditnya agar sesuai dengan aplikasi saya.

Ini berfungsi sekarang dan menyelesaikan masalah saya di aplikasi saya.

$(function() {
function split( val ) {
  return val.split( /,\s*/ );
}
function extractLast( term ) {
  return split( term ).pop();
}

$( "#birds" )
  // don't navigate away from the field on tab when selecting an item
  .bind( "keydown", function( event ) {
    if ( event.keyCode === $.ui.keyCode.TAB &&
        $( this ).data( "ui-autocomplete" ).menu.active ) {
      event.preventDefault();
    }
  })
  .autocomplete({
    source: function( request, response ) {
      $.getJSON( "search.php", {
        term: extractLast( request.term )
      }, response );
    },
    search: function() {
      // custom minLength
      var term = extractLast( this.value );
      if ( term.length < 2 ) {
        return false;
      }
    },
    focus: function() {
      // prevent value inserted on focus
      return false;
    },
    select: function( event, ui ) {
      var terms = split( this.value );
      // remove the current input
      terms.pop();
      // add the selected item
      terms.push( ui.item.value );
      // add placeholder to get the comma-and-space at the end
      terms.push( "" );
      this.value = terms.join( ", " );
      return false;
    }
  });
});