jQuery-UI sélectionnable dans l'entrée

Question

s'il vous plaît suivez ce lien: FIDDLE

Je construis cette entrée (qui est un outil de recherche) et je suis en train de quelques « trucs » pour sélectionner. J'utilise un paragraphe caché pour mieux le stocker.

J'ai 2 problèmes:

1. si vous essayez de sélectionner 3 conseils et pour désélectionner tout ce que vous pouvez voir que le texte caché est vide, mais l'entrée ont les derniers conseils sélectionnés.
2. Je voudrais que si je tape manuellement "Bonjour tout le monde" et que j'utilise des astuces, Bonjour tout le monde y reste toujours, même si j'enlève tous les conseils.

Merci d'avance pour votre aide.

Answer 1

pour votre première question, essayez ce code

$(document).ready(function() { 
    var lista = $('ul#common-list'); 
    lista.bind("mousedown", function (e) { 
     e.metaKey = true; 
    }).selectable({ 
     stop: function() { 
      var result = $("input#search"); 
      var fakeText = $('p.hidden-tips-text').empty(); 
      $(".ui-selected", this).each(function() { 
       var index = $(this).text(); 
       fakeText.append((index) + " "); 
      }); 
      result.val(fakeText.text()); 
     } 
    }); 
});