ドロップダウンで複数選択する

Question

ベローが私のコードです。ドロップダウンとチェックボックスで複数の選択をしたいときに、選択タグで複数の属性を使用すると、リストタイプのビューが生成されてしまいますので、助けてください。 私は欲しいですこのURL http://demo.itsolutionstuff.com/demo/demo-bootstrap-jquery-multiple-select-with-checkboxes-example-using-bootstrap-multiselectjs-pluginexample.html に示されているが、それは私のプロジェクトで働いていないと私はフレームワーク

<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> 

をCodeIgniterの使用していると私は、このスクリプトを

<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入れましたplあなたは

を使用するようにUGINこの

<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のように、ここで

でくださいincludeSelectAllOptionオプションを提供していない、それはあなた