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
您可以看到我已经在我的项目中添加了插件。这是成功。但当我试图在用户选择选项时设置一个限制时,我遇到了一个问题 例如: 有一些选择,如:
- 苹果
- 芒果
- 橙色的
- 甜瓜
- 番石榴
<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);
}
})