jQuery-UI可选择输入

Question

请点击此链接：FIDDLE

我正在构建此输入（这是一个搜索工具），我正在选择一些“提示”。

我使用隐藏的段落来更好地存储它。

我有两个问题：

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