jQuery UI données de filtre à complétion automatique

Jquery est nouveau pour moi et on m’a demandé de filtrer la liste une fois que l’élément est déjà sélectionné. Il y a 3 zones de texte qui utilisent la saisie semi-automatique.

source: pomme, orange, mangue

textbox 1 = apple textbox 2 = apple devrait être filtré dans la liste. il ne devrait afficher que l’orange et la mangue.

J’ai pu filtrer la source mais la liste affiche toujours l’élément. Mais la source est mise à jour une fois que j’actualise la page. J’ai trouvé cette question, voici un lien, mais dans mon cas, au lieu d’append, je voulais le filtrer.

Toute aide est appréciée.

Merci! Zel

Ce que je ferais … Transmettez la valeur de la première zone de texte au serveur (et vice versa pour chaque saisie automatique)

Vous pouvez essayer quelque chose comme ça.

JQuery

$('#auto2_id').autocomplete({ source: function (request, response) { $.ajax({ url: 'some_url/SomeAction', dataType: "json", data: { term: request.term, filter: $('#auto1_id').val() }, success: function (data) { //do something } }) } }); 

côté serveur (vous ne savez pas quelle langue vous utilisez, mais en c # (exemple de code brut))

 public ActionResult SomeAction(ssortingng term, ssortingng filter) { var data = _repo.GetAllCached().Where(o => o.Text != filter && o.Text.Contains(term)); return Json(data , JsonRequestBehavior.AllowGet); } 

Sur chaque événement de zone de texte modifié, vous devrez supprimer cet élément de la liste et rappeler la fonction (du plug-in). Vous devez avoir appelé les trois fonctions en même temps.