Dropdowns filter and get selection from previous selection

by Vagas_Studio

HTML

<p>

YEAR 1
<select id="y1sp1" name="indication_subject[]">
  <option></option>
  <option value="1"> Red</option>
  <option value="2"> Blue</option>
  <option value="3"> Yellow</option>
  <option value="4"> Black</option>
</select>

<select id="y1sp2" name="indication_subject[]">
  <option ></option>
  <option value="1"> Red</option>
  <option value="2"> Blue</option>
  <option value="3"> Yellow</option>
  <option value="4"> Black</option>
</select>

<select id="y1sp3" name="indication_subject[]">
  <option></option>
  <option value="1"> Red</option>
  <option value="2"> Blue</option>
  <option value="3"> Yellow</option>
  <option value="4"> Black</option>
</select>

</p>

<p>


YEAR 2
<select id="y2sp1" name="indication_subject[]">
  <option></option>
  <option value="1"> Red</option>
  <option value="2"> Blue</option>
  <option value="3"> Yellow</option>
  <option value="4"> Black</option>
</select>

<select id="y2sp2" name="indication_subject[]">
  <option></option>
  <option value="1"> Red</option>
  <option value="2"> Blue</option>
  <option value="3"> Yellow</option>
  <option value="4"> Black</option>
</select>

<select id="y2sp3" name="indication_subject[]">
  <option></option>
  <option value="1"> Red</option>
  <option value="2"> Blue</option>
  <option value="3"> Yellow</option>
  <option value="4"> Black</option>
</select>
</p>

JavaScript 1.7

$(document).ready(function(){  

  $("select").on('focus', function () {
        $("select").find("option[value='"+ $(this).val() + "']").attr('disabled', false);
    }).change(function() {

        $("select").not(this).find("option[value='"+ $(this).val() + "']").attr('disabled', true);

    });


});