Question

我无法弄清楚编写代码的方法。

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

在select标签ONE中，如果我选择选项1;选择标签TWO不会发生任何事情;
在选择标记ONE中，如果我选择选项2; select tag TWO将禁用选项1;
在select标签ONE中，如果我选择选项3; select标签TWO将禁用选项1和2;
在选择标签ONE中，如果我选择选项4; select标签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

＆＃13;

$("#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');
 }
});

＆＃13;

<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>

＆＃13;

编辑：已更新解决方案并重置已禁用的属性

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

1 个答案: