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