如何根据选择的其他选项禁用选择选项？

Question

我找不出编写代码的方法。

我有2个选择标签：他们有相同的选项[1,2,3,4,5]。

• 在选择标签ONE中，如果我选择选项1;选择标签TWO不会发生任何事情;
• 在选择标签ONE中，如果我选择选项2;选择标签TWO将禁用选项1;
• 在选择标签ONE中，如果我选择选项3;选择标签TWO将禁用选项1和2;
• 在选择标签ONE中，如果我选择选项4;选择标签TWO将禁用选项1,2和3;
• 在选择标签ONE中，如果我选择选项5;选择标签TWO将禁用选项1,2，3和4;
• 当用户在选择标签ONE中选择选项4时，选择标签TWO将重新启用选项3;禁用选项1和2;
• 当用户在选择标签ONE中选择选项3时，选择标签TWO将重新启用选项2;禁用选项1;
• 当用户在选择标签ONE中选择选项2时，选择标签TWO将重新启用选项1;重新启用所有选项;
• 当用户在选择标签ONE中选择选项1时，选择标签TWO将重新启用所有选项;

有人知道这种类型的代码，你可以在这里看到我，非常感谢。

Answer 1

这样的事情？勾选此fiddle

$("#1").change(function(){ 
 
var selectedOption = $(this).val(); 
 

 
// Reset 
 
$("#2").children('option').each(function() { 
 
    $(this).prop('disabled', false); 
 
}); 
 

 
for (var i = 0; i < selectedOption; i++) { 
 
    $("#2-" + i).attr('disabled','disabled'); 
 
} 
 
});

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

 
<select id="2"> 
 
<option value="1" id="2-1">Option 1</option> 
 
<option value="2" id="2-2">Option 2</option> 
 
<option value="3" id="2-3">Option 3</option> 
 
<option value="4" id="2-4">Option 4</option> 
 
<option value="5" id="2-5">Option 5</option> 
 
</select>

编辑：残疾属性