title: Bootstrap multi select option on click
body: <p>I am using bootstrap drop down for multiple select option, i want to get the current selection from the drop down option.</p>
  
  <pre><code>&lt;select class="select_type selectpicker" data-width="30%" id="select_type" multiple="multiple" name="select_type" style="display: none;"&gt;&lt;option value="All"&gt;All&lt;/option&gt;
          &lt;option value="May"&gt;May&lt;/option&gt;
          &lt;option value="June"&gt;June&lt;/option&gt;
          &lt;option value="July"&gt;July&lt;/option&gt;
          &lt;option value="August"&gt;August&lt;/option&gt;&lt;/select&gt;
  </code></pre>
  
  <p>i tried with the following, but didn't work</p>
  
  <pre><code>$("#select_type option").click(function(){
      alert($(this).val());
  });
  
  $("#select_type").delegate("click", "option", function() {
    alert($(this).val());
  });
  </code></pre>