कॉमा ने एक फ़ील्ड में एकाधिक स्वत:पूर्ण को अलग किया

जैसा कि मैं और अधिक पढ़ रहा था और अधिक खोज रहा था, मुझे jQuery ui वेबसाइट पर एकाधिक-रिमोट स्वत:पूर्ण कोड मिला। मजेदार है कि आप लंबे समय तक कैसे खोज और पढ़ सकते हैं और कुछ स्पष्ट उपयोगी जानकारी पर नहीं चल सकते।

jquery ui वेबसाइट .. http://jqueryui.com/autocomplete/#multiple-remote

मैंने नीचे दिए गए उदाहरण कोड का उपयोग किया और अपने आवेदन के अनुरूप इसे संपादित किया।

यह अब काम करता है और मेरे आवेदन में मेरी समस्या का समाधान करता है।

$(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;
    }
  });
});