Bootstrap Dual Listbox：如何限制所选选项

我正在使用Bootstrap Dual Listbox帮助用户选择一些选项。
你可以看到我在我的项目中添加了插件。 这是成功的。 但是当用户选择选项时尝试限制时我遇到了问题。

示例：有一些选项，例如：

• 苹果
• 芒果
• 橙子
• 瓜
• 番石榴

用户必须选择3选项。 你不能选择1,2,4或5。

问题是即将限制选项可以选择。 默认情况下，用户不限于选择。

这是我的一些代码：

<script src="assets/js/plugins/dual/dist/jquery.bootstrap-duallistbox.js"> <link href="assets/js/plugins/dual/dist/bootstrap-duallistbox.css" rel="stylesheet" type="text/css" media="all"> 
  <?php while ($row = mysql_fetch_array($query)) { echo "".$row['imei'].""; } ?>  
  var demo1 = $('[name=duallistbox_demo1]').bootstrapDualListbox();  

如果您遇到同样的问题，请在此处分享。 提前致谢！

Answer 1

1. 使用事件change
2. 计算选定的值
3. 如果有三个以上取消选择其余部分
4. 使用functionrefresh

---

 demo2.on('change', function(){ var size = demo2.find(":selected").size(); if(size > 3){ demo2.find(":selected").each(function(ind, sel){ if(ind > 2) $(this).prop("selected", false) }) demo2.bootstrapDualListbox('refresh', true); } }) 

的jsfiddle