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

Question

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

我基本上尝试了 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;
    }

Answer 1

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

您可以使用:MagicSuggest 干净的自动建议，可进行多项选择并用逗号分隔

演示:国家/地区选择自动建议

http://nicolasbize.com/magicsuggest/tutorial/3/

文档:

http://nicolasbize.com/magicsuggest/doc.html