如何根据选择的其他选项禁用选择选项?
问题描述:
我找不出编写代码的方法。如何根据选择的其他选项禁用选择选项?
我有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将重新启用所有选项;
有人知道这种类型的代码,你可以在这里看到我,非常感谢。
答
这样的事情?勾选此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>
编辑:残疾属性
+0
雅,它可能工作!但是当我再次选择标签ONE中的选项1时,应该选择标签TWO将重新启用选项1.但它没有。 –
+0
请检查上面的更新,我也更新了小提琴 –
+0
谢谢队友!这就是我需要!!!非常感谢!请投我这个问题! –
的重置更新的解决方案你到目前为止做了什么? – prasanth
只为选择,一个时间选择。我试图做一个循环,但它不能工作:( –
你可以发布你的代码 – prasanth