Javascript 如果选择了一个选项禁用了另一个选项，则从所有选项中选择

如果选择了一个选项，我需要禁用相同的其他选项。我试过了，但不适合我。下面是我的html选择选项，如果选择了，则要禁用

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

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

我试图禁用选择类更改功能，但js不起作用。我不知道我哪里出错了。

---

已禁用以下答案的工作，但由于禁用的值，无法插入所选数据。是否可以只发出警报。该值已被选中。

可以简单地执行以下操作：

$('.input_slip_no').on('change', function() {
    //Get selected options
    var selected_options = $('.input_slip_no').map(function(){
      return this.value
    }).get();

    //Disable the already selected options and enable others
    $('.input_slip_no option').each(function(index) {
      $(this).prop('disabled', $.inArray($(this).val(), selected_options) != -1);
    });
});

希望这有帮助

$（'.input_slip_no'）。在（'change'，function（）上{
var selected_options=$（'.input_slip_no'）.map（函数（）{
返回此.value
}).get（）；
$（'.input_slip_no option'）。每个（函数（索引）{
$（this.prop（'disabled'，$.inArray（$（this.val（），selected_options）！=-1）；
});
});

系统0001
SYS0002
SYS0003
SYS0004
SYS0005
SYS0006
SYS0007
SYS0008
SYS0009
系统0001
SYS0002
SYS0003
SYS0004
SYS0005
SYS0006
SYS0007
SYS0008
SYS0009
系统0001
SYS0002
SYS0003
SYS0004
SYS0005
SYS0006
SYS0007
SYS0008
SYS0009
系统0001
SYS0002
SYS0003
SYS0004
SYS0005
SYS0006
SYS0007
SYS0008
SYS0009
您的代码工作正常我使用了下面回答的代码对我有效。您的代码还禁用了当前选定下拉列表中的给定选项是的，这应该是个问题吗？@ZakariaAcharki这些选项已禁用，但我还想插入选定的项。当它被禁用时，由于被禁用，无法插入到数据库中。您到底想在数据库中插入什么？
$('.input_slip_no').on('change', function() {
    //Get selected options
    var selected_options = $('.input_slip_no').map(function(){
      return this.value
    }).get();

    //Disable the already selected options and enable others
    $('.input_slip_no option').each(function(index) {
      $(this).prop('disabled', $.inArray($(this).val(), selected_options) != -1);
    });
});