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