如何在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用戶界面自動完成。 LiveDemo