title: Select With Disabled Options not being Submitted
body: <p>I have 6 Select Input with similar values and labels . Requirement is to disable one label(value) once it is selected in any of the select. I can achieve that using below code:</p>
  
  <pre><code>  $('select').change(function()
    {
        var value = $(this).val();
        $('option').removeAttr("disabled");
        $('select').each(function ()
        {
           $("option[value=" + $(this).val() + "]").attr("disabled","disabled");
        });
     });
  </code></pre>
  
  <p>But when i submit the form none of the Select value is submitted. </p>
  
  <p>Any hints on how to resolve this. My Submit action is using simple HTML Submit Button as show below:</p>
  
  <pre><code>&lt;button class="btn btn-md btn-primary btn-md pull-right" type="submit"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>My From is very big , so posting some  part of it : </p>
  
  <pre><code>&lt;form id="headersForm"role="form" action="/lteUpdteRequestHeaders" method="POST" enctype=multipart/form-data&gt;
            &lt;select id="a"  name="a"&gt;&lt;option&gt;......&lt;/option&gt;&lt;/select&gt;
            &lt;select id="b" name="b"&gt;&lt;option&gt;......&lt;/option&gt;&lt;/select&gt;
            &lt;select id="c" name="c"&gt;&lt;option&gt;......&lt;/option&gt;&lt;/select&gt;
            &lt;select id="d" name="d"&gt;&lt;option&gt;......&lt;/option&gt;&lt;/select&gt;
            &lt;select id="e" name="e"&gt;&lt;option&gt;......&lt;/option&gt;&lt;/select&gt;
            &lt;select id="f" name="f"&gt;&lt;option&gt;......&lt;/option&gt;&lt;/select&gt;
      &lt;button class="btn btn-md btn-primary btn-md pull-right" type="submit"&gt;Submit&lt;/button&gt;
  &lt;/form&gt;    
  </code></pre>
  
  <p>select options are dynamically generated , removed that part of code for simplicity purpose.</p>
  
  <p>This is not duplicate of existing question as indicated by some friends. Under that scenario user wanted to submit the Disabled Options values or Disable select values. </p>
  
  <p>My question was regarding why I can not submit the value (which i deemed was enabled ) of selected enabled options of selects. </p>
  
  <p>Below 2 solution which both work flawlessly  ,here is another way to achieve this using filter, this is as from another answer on SO: </p>
  
  <pre><code>$('select').on('change', function() {
    $('option').prop('disabled', false); //reset all the disabled options on every change event
    $('select').each(function() { //loop through all the select elements
      var val = this.value;
      $('select').not(this).find('option').filter(function() { //filter option elements having value as selected option
         return this.value === val;
      }).prop('disabled', true); //disable those option elements
    });
  }).change();
  </code></pre>
  
  <p>Thanks </p>