如果使用jquery选择的值匹配，则在下拉列表中禁用选项

Question

我有一个包含重复值的下拉列表。现在我想禁用与所选值匹配的选项。

Answer 1

为什么要使用重复值填充下拉列表？这只是令人困惑。

如果您因任何原因需要在下拉列表中包含重复值。请更详细地解释为什么，也许是一个例子。

如果您不需要重复值，那么您应该在填充下拉列表之前彻底清除重复值

Answer 2

可以禁用使用.prop('disabled',true);元素。请查看以下代码段以了解如何使具有相同值的所有其他选项可以禁用。

＆＃13;

＆＃13;

$('#duplicate').on('change',function(){
$(this).find('option').prop('disabled',false);  
$(this).find('option[value="'+$(this).val()+'"]').prop('disabled',true);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="duplicate">
  <option value="">select</option>
  <option value='1'>1</option>
  <option value='2'>2</option>
  <option value='1'>1</option>
  <option value='1'>1</option>
  <option value='3'>3</option>
  <option value='4'>4</option>
  <option value='3'>3</option>
</select>

＆＃13;

＆＃13;

＆＃13;