virgule séparée avec jquery auto complete

J’essaie de mettre en œuvre l’auto-complétion via le plugin jquery auto-complete. Un auto-complétion simple fonctionne pour moi. Je ne parviens pas à réaliser la saisie automatique séparée par des virgules.

S’il vous plaît aidez-moi avec où je vais mal.

Mon code jQuery:

$(document).ready(function() { $.getJSON('/releases/new.json', function() { alert("inside getJson"); alert(data1); $('#release_tester_tokens').autocomplete({source:names,multiple: true}); }); }); 

Merci Ramya.

Voir si cette visite aide. Il comprend le code suivant qui permet à l’utilisateur d’ entrer plusieurs termes de recherche séparés par des virgules :

 $("#<%= txtMultipleName.ClientID %>").autocomplete({ source: function (request, response) { $.getJSON("AutoComplete.ashx", { term: extractLast(request.term) }, response); }, search: function () { // custom minLength var term = extractLast(this.value); if (term.length < 1) { 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; } }); function split(val) { return val.split(/,\s*/); } function extractLast(term) { return split(term).pop(); } 

Vous trouverez également de nombreuses informations sur la page de saisie semi-automatique de l'interface utilisateur jQuery .

Dans votre exemple, vous accédez à des variables qui ne sont même pas définies et qui ne génèrent jamais aucun des résultats de votre appel getJSON. En JSON, une liste séparée par des virgules est en fait un tableau (si elle est entre crochets []). S’il s’agit d’une chaîne, utilisez simplement un fractionnement de chaîne pour créer le tableau source.

 $(document).ready(function() { $.getJSON('/releases/new.json', function(data) { $('#release_tester_tokens').autocomplete({ source: data.list, multiple: true }); }); });