jQuery-UI выбирается на входе

Question

Пожалуйста, перейдите по этой ссылке: FIDDLE

Я строю этот вход (это инструмент поиска), и я помещаю некоторые "советы", чтобы выбрать.

Я использую скрытый абзац, чтобы сохранить его лучше.

У меня 2 проблемы:

1. Если вы попытаетесь выбрать 3 подсказки и отменить выбор, вы увидите, что скрытый текст пуст, но на входе выбраны последние подсказки.
2. Мне бы хотелось, чтобы, если я вручную набрал "Hello world" и затем использовал подсказки, Hello world остался там всегда, даже если я удалю все подсказки чем.

Спасибо заранее за вашу помощь.

Answer 1

Для первого вопроса попробуйте этот код

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