Javascript 在焦点自动完成中选择多个值

我已经使用jQueryUI为多个值实现了自动完成。它工作正常，但问题是我不想从下拉列表中显式选择值（使用选项卡）。我的要求是，当我在下拉列表中导航时，我的搜索框应该被填充。然后我进入昏迷状态，再次从下拉列表继续搜索

我基本上尝试了jqueryUI Autocomplete中的一段代码，但是焦点被抑制了。我想要的是，我们不必选择选项卡上的项目，而应该能够使用焦点选择它，然后给它一个逗号并继续搜索

.autocomplete({
    minLength: 0,
    source: function( request, response ) {
        // delegate back to autocomplete, but extract the last term
        response( $.ui.autocomplete.filter(productNames, extractLast(request.term)));
    },

    focus: function() {
        // prevent value inserted on focus
        //this.value = ui.item.value;
        return false;
    },

    select: function( event, ui ) {
        var terms = split( this.value );
        // remove the current input
        terms.pop();
        // add the selected item
        terms.push( ui.item.value );
        // add placeholder to get the comma-and-space at the end
        terms.push( "" );
        this.value = terms.join( ", " ); 
        return false;
    }

---

您是否尝试了TextText而不是JQuery自动完成？它看起来更符合您的要求：

要使用自动建议选择多个值，并使用jquery UI autocomplete使用逗号分隔选择，您必须对其进行大量更改

相反，您可以使用： MagicSuggest clean自动建议，具有多重选择和逗号分隔

演示：国家选择自动建议

文件：

---

我必须选择多个用逗号分隔的值。我猜这个插件是针对单个值的！实际上这个插件允许你选择多个值。您可以查看以下示例：在文本框中键入j并单击其中一个选项，然后单击p并选择另一个选项…我所需要的只是焦点事件应附加搜索框，而不是覆盖搜索框内容！