If one option Selected disabled other selected option form all select
<p>I need to disable same other option if one option selected. i have tried but not workig for me. bellow are my html select options and want to disable if one selected    </p>

<pre><code>&lt;select class="input_slip_no form-control" name="slip_no[]" id="ID_2_slip_no" required="required"&gt;     
      &lt;option value="SYS0001"&gt;SYS0001&lt;/option&gt;
      &lt;option value="SYS0002"&gt;SYS0002&lt;/option&gt;
      &lt;option value="SYS0003"&gt;SYS0003&lt;/option&gt;
      &lt;option value="SYS0004"&gt;SYS0004&lt;/option&gt;
      &lt;option value="SYS0005"&gt;SYS0005&lt;/option&gt;
      &lt;option value="SYS0006"&gt;SYS0006&lt;/option&gt;
      &lt;option value="SYS0007"&gt;SYS0007&lt;/option&gt;
      &lt;option value="SYS0008"&gt;SYS0008&lt;/option&gt;
      &lt;option value="SYS0009"&gt;SYS0009&lt;/option&gt;
&lt;/select&gt;
&lt;select class="input_slip_no form-control" name="slip_no[]" id="ID_3_slip_no" required="required"&gt;     
      &lt;option value="SYS0001"&gt;SYS0001&lt;/option&gt;
      &lt;option value="SYS0002"&gt;SYS0002&lt;/option&gt;
      &lt;option value="SYS0003"&gt;SYS0003&lt;/option&gt;
      &lt;option value="SYS0004"&gt;SYS0004&lt;/option&gt;
      &lt;option value="SYS0005"&gt;SYS0005&lt;/option&gt;
      &lt;option value="SYS0006"&gt;SYS0006&lt;/option&gt;
      &lt;option value="SYS0007"&gt;SYS0007&lt;/option&gt;
      &lt;option value="SYS0008"&gt;SYS0008&lt;/option&gt;
      &lt;option value="SYS0009"&gt;SYS0009&lt;/option&gt;
&lt;/select&gt;

&lt;select class="input_slip_no form-control" name="slip_no[]" id="ID_4_slip_no" required="required"&gt;     
      &lt;option value="SYS0001"&gt;SYS0001&lt;/option&gt;
      &lt;option value="SYS0002"&gt;SYS0002&lt;/option&gt;
      &lt;option value="SYS0003"&gt;SYS0003&lt;/option&gt;
      &lt;option value="SYS0004"&gt;SYS0004&lt;/option&gt;
      &lt;option value="SYS0005"&gt;SYS0005&lt;/option&gt;
      &lt;option value="SYS0006"&gt;SYS0006&lt;/option&gt;
      &lt;option value="SYS0007"&gt;SYS0007&lt;/option&gt;
      &lt;option value="SYS0008"&gt;SYS0008&lt;/option&gt;
      &lt;option value="SYS0009"&gt;SYS0009&lt;/option&gt;
&lt;/select&gt;
&lt;select class="input_slip_no form-control" name="slip_no[]" id="ID_5_slip_no" required="required"&gt;     
      &lt;option value="SYS0001"&gt;SYS0001&lt;/option&gt;
      &lt;option value="SYS0002"&gt;SYS0002&lt;/option&gt;
      &lt;option value="SYS0003"&gt;SYS0003&lt;/option&gt;
      &lt;option value="SYS0004"&gt;SYS0004&lt;/option&gt;
      &lt;option value="SYS0005"&gt;SYS0005&lt;/option&gt;
      &lt;option value="SYS0006"&gt;SYS0006&lt;/option&gt;
      &lt;option value="SYS0007"&gt;SYS0007&lt;/option&gt;
      &lt;option value="SYS0008"&gt;SYS0008&lt;/option&gt;
      &lt;option value="SYS0009"&gt;SYS0009&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>This js code I have tried but not working</p>

<pre><code>$('.input_slip_no').change(function(){

   alert('aaa');
    // start by setting everything to enabled
    $('select[name*="slip_no"] option').attr('disabled',false);

    // loop each select and set the selected value to disabled in all other selects
    $('select[name*="slip_no"]').each(function(){
        var $this = $(this);
          $('select[name*="slip_no"]').not($this).find('option').each(function(){
           if($(this).attr('value') == $this.val())
               $(this).attr('disabled',true);
        });
    });

});
</code></pre>

<p>I am trying to disable select class change function but js not working.I don't know where I wrong.
disabled working of below answer but not able to insert selected data because of disabled value. is it possible to only alert. that this value already selected.</p>