select(multiple='multiple' id='my-select' class='form-control')
   - var values = ["Broccoli","Corn","Cucumber","Tomato","Mushroom","Garlic","Onion","Brinjal"];
      each val in values.length ? values : ['There are no values']
         option= val
View Compiled
* {
  margin: 0px;
  padding: 0px;
  outline: none;
}

.ms-container {
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
$('#my-select').multiSelect();

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/css/multi-select.css
  2. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/multi-select/0.9.12/js/jquery.multi-select.min.js