jquery - 如何在 jquery 自动完成中将用户可以选择的建议限制为 2？

Question

我在我的应用程序中使用 jquery 自动完成功能。

我想要的是用户可以选择的建议数量应该限制为 2？

我有以下代码：

<script type="text/javascript">
            $(document).ready(function(){
                $('#txtTopic').autocomplete('include/ajax.php?option=searchtopics', {
            minChars: 2,
            max:10, /* maximum number of records to display at one time */
            autoFill: true,
            multiple: true
                });

            })

    </script>

现在，由于多个为真，用户可以选择超过 2 个建议。

他应该只能选择 2 个建议。

Answer 1

您可以使用 select 事件来检查限制

$('#txtTopic').autocomplete('include/ajax.php?option=searchtopics', {
    minChars: 2,
    max:10, /* maximum number of records to display at one time */
    autoFill: true,
    multiple: true,
    select: function(event, ui) {
    var terms = split(this.value);

    if (terms.length <= 2) {
        // add the selected item
        terms.pop();
        terms.push(ui.item.value);
        terms.push("");            
    } else {
        terms.pop();
    }            

      this.value = terms.join(", ");
       return false;     
    }
  }
});

编辑：上面的代码片段用于 jQuery UI 自动完成。现场演示