<div class="form-row mt-4 ml-3">
<div class="form-group col-md-6">
<select name="bu" class="selectpicker" id="bu" multiple="true">
<option value="1">Pharma</option>
<option value="2">Vaccines</option>
<option value="3">Consumer</option>
</select>
</div>
<div class="form-group">
<button type="button" class="btn btn-danger">Test</button>
</div>
</div>
<div class="row">
<div class="container">
<button type="button" class="btn btn-warning btn-sm" data-toggle="modal" data-target=".modal">Show Audit</button>
</div>
</div>
<!-- modal code -->
<div class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="">
<div class="form-row">
<div class="form-group col-md-6">
<label for="" class="col-form-label col-form-label-sm">Business Units</label>
<select name="bu" class="selectpicker" id="bu" multiple="true">
<option value="1">Pharma</option>
<option value="2">Vaccines</option>
<option value="3">Consumer</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="" class="col-form-label col-form-label-sm">GRB Actions</label>
<select name="bu" class="selectpicker" id="bu" multiple="true">
<option value="1">Recall</option>
<option value="2">Other</option>
</select>
</div>
<div class="form-group col-md-6">
<label for="" class="col-form-label col-form-label-sm">Type</label>
<select name="bu" class="selectpicker" id="bu" multiple="true">
</select>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
$(function($){
var bu =$('select[name=bu]');
var btn=$('.btn-danger');
btn.on('click',function(){
var allValues=[];
var selectedIds= bu.find('option:selected');
var sIds=bu.val() || [];
// toastr.info(selectedIds.length);
toastr.info(sIds.join(', '),'Simpler?');
selectedIds.each(function(idx,elem){allValues.push(idx)});
toastr.error(allValues.join(', '),'Values');
});
})(jQuery);
