title: How to get all selected values using Bootstrap Multiselect and use it in AJAX
body: <p>I am using <a href="http://davidstutz.github.io/bootstrap-multiselect/#faq" rel="nofollow noreferrer">Bootstrap Multiselect</a>, this is my setup in my HTML:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;select class="form-control" id="bldg_type" multiple="multiple"&gt;{% for type in buildings %}
          &lt;option value="{{type.bldg_type}}"&gt;{{type.bldg_type}}&lt;/option&gt;{% endfor %}
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I wanted to use the selected values for my query, the snippet of my Ajax code:</p>
  
  <pre><code>$.ajax({
      url: "cnt_bldg/",
      type: "GET",
      dataType: "JSON",
      data: {
          'brgy_id': brgy_id,
          'bldg_type': $('#bldg_type option:selected').val()
      },
      ...
  </code></pre>
  
  <p>The problem with <code>$('#bldg_type option:selected').val()</code> is I can only get 1 value. For e.g. I check <code>Market</code> and <code>Police Station</code> in my select option, and looked it in my console <code>http://127.0.0.1:8000/cnt_bldg/?brgy_id=All&amp;bldg_type=Market".</code> It only gets the <code>Market</code>. </p>
  
  <p>How do I get all the values and use it for my query? </p>
  
  <p>BTW, I'm using Django. I have read <a href="https://stackoverflow.com/questions/20516166/bootstrap-multiselect-get-selected-values">this answer</a> already, but I don't know how to use the result in my AJAX code above.</p>