Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 引导双列表框:如何限制所选选项_Jquery_Css_Twitter Bootstrap_Listbox - Fatal编程技术网

Jquery 引导双列表框:如何限制所选选项

Jquery 引导双列表框:如何限制所选选项,jquery,css,twitter-bootstrap,listbox,Jquery,Css,Twitter Bootstrap,Listbox,我使用帮助用户选择一些选项您可以看到我已经在我的项目中添加了插件。这是成功。但当我试图在用户选择选项时设置一个限制时,我遇到了一个问题 例如: 有一些选择,如: 苹果 芒果 橙色的 甜瓜 番石榴 用户必须选择3个选项。不能选择1、2、4或5 这个问题即将限制我们可以选择的选项。默认情况下,用户不限于选择 这是我的一些代码: <script src="<?php echo $baseurl; ?>assets/js/plugins/dual/dist/jquery.boots

我使用帮助用户选择一些选项
您可以看到我已经在我的项目中添加了插件。这是成功。但当我试图在用户选择选项时设置一个限制时,我遇到了一个问题

例如: 有一些选择,如:

  • 苹果
  • 芒果
  • 橙色的
  • 甜瓜
  • 番石榴
用户必须选择3个选项。不能选择1、2、4或5

这个问题即将限制我们可以选择的选项。默认情况下,用户不限于选择

这是我的一些代码:

<script src="<?php echo $baseurl; ?>assets/js/plugins/dual/dist/jquery.bootstrap-duallistbox.js"></script>
<link href="<?php echo $baseurl; ?>assets/js/plugins/dual/dist/bootstrap-duallistbox.css" rel="stylesheet" type="text/css" media="all">

<div id="addimeiform" class="box-content form-horizontal">
    <select multiple="multiple" id="imei_multi" name="duallistbox_demo1">
        <?php
             while ($row = mysql_fetch_array($query)) {
                 echo "<option>".$row['imei']."</option>";
             }
        ?>
    </select>
</div>

<script>
    var demo1 = $('[name=duallistbox_demo1]').bootstrapDualListbox();
</script>

var demo1=$('[name=duallistbox_demo1]')。bootstrapDualListbox();
如果你有同样的问题,让我们在这里分享。提前感谢

  • 使用事件
    change
  • 对所选值进行计数
  • 如果有三个以上,则取消选择其余的
  • 使用函数
    refresh

  • 使用事件
    change
  • 对所选值进行计数
  • 如果有三个以上,则取消选择其余的
  • 使用函数
    refresh

  • 使用事件
    change
  • 对所选值进行计数
  • 如果有三个以上,则取消选择其余的
  • 使用函数
    refresh

  • 使用事件
    change
  • 对所选值进行计数
  • 如果有三个以上,则取消选择其余的
  • 使用函数
    refresh


  • 你有什么问题?你试过什么吗?请给我们看一些代码和HTML。你有什么问题?你试过什么吗?请给我们看一些代码和HTML。你有什么问题?你试过什么吗?请给我们看一些代码和HTML。你有什么问题?你试过什么吗?请给我们看一些代码和HTML。。
    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);
        }
    })