title: forms select2 POST is empty
body: <p>I'm seeking guidance to get me going in the right direction.  My professor is at a loss.  I'm having issues with the POST in my form for the select2 multiple fields. I have a Yes/No flag, that determines which select 2 select option to show. </p>
  
  <p>The javascript below works great for the show/hide.</p>
  
  <pre><code>   $(document).ready(function () {
  
        $('#option').change(function () {
          $this = $(this)
          $('.select_box').each(function () {
            $select = $('select', this);
            if ($select.data('id') == $this.val()) {
              $(this).show();
              $select.show().select2();
            } else {
              $(this).hide();
              $('select', this).hide();
            }
          });
        });
      });
  </code></pre>
  
  <p>My form has a Yes/No/NA option, which dictates what select 2 box to show using the javascript above.</p>
  
  <pre><code>&lt;select name ="option" class="form-control " id="option"&gt;
          &lt;option value="1"&gt; Yes&lt;/option&gt;
          &lt;option value="0"&gt; No&lt;/option&gt;
          &lt;option value="2"&gt; N/A&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>My form POST is handled with the general POST option as shown below:</p>
  
  <pre><code>&lt;form action = "{% url 'final' %}" form method = "POST"&gt;
  </code></pre>
  
  <p>Inside my form I have the .select_box div class.  The select 2 option gives the correct fields and populates the multi-select correctly.</p>
  
  <pre><code>&lt;div id = "div_yesselect" class="select_box"&gt;
      &lt;script src= "{% static '/accounts/option_select2.js' %}" type="text/javascript"&gt;&lt;/script&gt;
       &lt;select data-placeholder="Please select your course(s)?" data-id="1" class="js-example-basic-multiple" multiple="multiple" id = "id_courseselect" value = "{{course.id}}" style="width: 1110px" &gt;
         {% for course in courses%}
         &lt;option value="{{course.name}}" name = "courseid" &gt;{{course.name}}&lt;/option&gt;
         {% endfor %}
       &lt;/select&gt;
  </code></pre>
  
  <p>The POST goes through when the user hits the Submit Button.  I can verify all the fields in my form except for the select2 option when a user selects multiple options, or a single option.           </p>
  
  <pre><code>&lt;button class="btn btn-primary " type="submit"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>In my final view when trying to request the POST on the select2 name it returns an empty set, but everything else in the form returns the correct value.  Why doesn't the select2 option post correctly?</p>
  
  <pre><code>courselist = request.POST.getlist('courseid')
  </code></pre>