Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery用户界面可选择输入_Jquery_Jquery Ui_Selectable - Fatal编程技术网

jQuery用户界面可选择输入

jQuery用户界面可选择输入,jquery,jquery-ui,selectable,Jquery,Jquery Ui,Selectable,请点击此链接: 我正在构建这个输入(这是一个搜索工具),并且我正在放置一些“提示”以供选择 我使用隐藏段落来更好地存储它 我有两个问题: 如果您尝试选择3个提示,并取消选择所有提示,您可以看到隐藏文本为空,但输入已选择最后一个提示 我想,如果我手动键入“Hello world”,然后使用提示,Hello world将始终保持在那里,如果我删除所有提示,也将使用提示 提前感谢您的帮助。对于您的第一个问题,请尝试以下代码 $(document).ready(function() { var

请点击此链接:

我正在构建这个输入(这是一个搜索工具),并且我正在放置一些“提示”以供选择

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

我有两个问题:

  • 如果您尝试选择3个提示,并取消选择所有提示,您可以看到隐藏文本为空,但输入已选择最后一个提示
  • 我想,如果我手动键入“Hello world”,然后使用提示,Hello world将始终保持在那里,如果我删除所有提示,也将使用提示

  • 提前感谢您的帮助。

    对于您的第一个问题,请尝试以下代码

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

    是的,它起作用了!谢谢,如果你也能修好第二个,你就是第一!在你的帮助下我自己解决了。谢谢