Question

贝娄是我的代码我希望多选择下拉和复选框，当我在选择标签中使用多个属性生成我不想要的列表类型的视图所以请帮助我我想要在这个网址http://demo.itsolutionstuff.com/demo/demo-bootstrap-jquery-multiple-select-with-checkboxes-example-using-bootstrap-multiselectjs-pluginexample.html中显示的put 但它不适用于我的项目，我正在使用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
    });
 });

Answer 1

我认为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>

Demo就在这里

希望它能帮到你

多项选择与下拉

1 个答案: