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

时间:2012-04-27 07:22:35

标签: jquery jquery-autocomplete

我在我的应用程序中使用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条建议。

1 个答案:

答案 0 :(得分: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自动完成。 LiveDemo