[英]multiple select with drop down
贝娄是我的代码我希望多选择下拉和复选框,当我在选择标签中使用多个属性生成列表类型的视图,我不想要所以请帮助我,我想要在这个网址显示在这个网址http ://demo.itsolutionstuff.com/demo/demo-bootstrap-jquery-multiple-select-with-checkboxes-example-using-bootstrap-multiselectjs-pluginexample.html但它不能在我的项目中工作,我使用的是codeigniter框架
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label for="LS_name">Loan/Scholarship</label>
<?php
$LSList = [];
if(isset($_REQUEST['LS_name'])){
$LSList = $_REQUEST['LS_name'];
}
?>
<select class="form-control" name="LS_name[]" id="languages">
<?php foreach($LS_List as $key => $value){ ?>
<option value="<?php echo $value['name']; ?>" <?php if(in_array($value['name'], $LSList)){ ?>selected="selected"<?php } ?>><?php echo $value['name']; ?></option><?php
} ?>
</select>
</div>
</div>
我正在使用这个脚本
<script src="<?php echo base_url(); ?>assets/js/jquery-1.11.2.min.js">
</script>
<script src="<?php echo base_url(); ?>assets/js/bootstrap-multiselect.js">
</script>
<script src="<?php echo base_url(); ?>assets/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#languages').multiselect({
includeSelectAllOption: true
});
});
我认为multiselect.js Jquery插件不提供你使用的includeSelectAllOption
选项
这样做
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/css/multi-select.min.css">
<a href='#' id='select-all'>select all</a>
<a href='#' id='deselect-all'>deselect all</a>
<select multiple="multiple" id="my-select" name="my-select[]">
<option value='elem_1'>elem 1</option>
<option value='elem_2'>elem 2</option>
<option value='elem_3'>elem 3</option>
<option value='elem_4'>elem 4</option>
<option value='elem_100'>elem 100</option>
</select>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/js/jquery.multi-select.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#my-select').multiSelect();
$('#select-all').click(function(){
$('#my-select').multiSelect('select_all');
return false;
});
$('#deselect-all').click(function(){
$('#my-select').multiSelect('deselect_all');
return false;
});
});
</script>
演示就在这里
希望它会对你有所帮助
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.