如何获取jQuery UI自动完成多个以删除已选择的项目

Question

jQuery UI自动完成提供的多个示例here允许您多次添加相同的项目。

如何防止这种情况发生？

Answer 1

如果您采用jQuery UI here提供的示例，请在自动完成的select函数中添加以下行：

availableTags.splice($.inArray(ui.item.value, availableTags), 1);

这基本上删除了刚刚从可用标签列表中选择的项目。

您最终选择的功能应如下所示：

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( ", " );
    // remove added item from list of available items to select
    availableTags.splice($.inArray(ui.item.value, availableTags), 1);
    return false;
}