title: angularjs,bootstrap multiselect with one click, without using ctrl key
body: <p>Is this achievable ?
  I have the following form</p>
  
  <pre><code>   &lt;select multiple class="form-control"&gt;
                  &lt;option
                          ng-model="selectedCountry.selectedLocations"
                          ng-repeat="location in selectedCountry.locations"
                          ng-click="locationsSelection(location)"
                          ng-selected="selectedCountry.selectedLocations.indexOf(location)!=-1"&gt;{{loc}}
                  &lt;/option&gt;
  
     &lt;/select&gt;
  </code></pre>
  
  <p>What the code does it give me a list of countries, by pressing the <kbd>ctrl</kbd> key I can do multiselct but I wanna be able to do this with one click and don't know how to do it.
  I used the ng-selected directives, but it highlights multiple places only if I load back (if I press on another list and go back to the country list, it will load and highlight all the previously clicked countries)
  I have a scope that holds all the countries that have been clicked but I'm not being able to highlight multiple countries from the list without pressing the <kbd>ctrl</kbd> key.</p>
  
  <p>Any help will be appreciated.</p>
  
  <p>Thank you</p>
  
  <p>PS:</p>
  
  <p>I have created an example of what I have.</p>
  
  <p><a href="http://plnkr.co/edit/We3k6Pc93RKHicmhsJVu?p=preview" rel="nofollow">http://plnkr.co/edit/We3k6Pc93RKHicmhsJVu?p=preview</a></p>
  
  <p>I want my listbox to look like the one in the example. At the moment I can multiselect but I need to use the <kbd>ctrl</kbd> key. I want to be able to click once on a location and have a selected and if I click again it deselects without the need to use <kbd>ctrl</kbd> key.</p>
  
  <p>I hope my example is clear now.
  Thank you</p>