我在jQuery对话框中有一个select,允许用户移动"任务"从一个部分到另一个部分。只有4个选项,每个"任务"将在其中一个中。我将当前的节号(1,2,3,4)传递给模态,并禁用该任务所在的当前节。
以下是执行该操作的代码:
...
else if ($(this).val() === 'moveTask') {
$("#selTaskType").find("option").each(function(){
if($(this).val() === taskSectionNumber){
$(this).prop('disabled',true);
}
else{
$(this).prop('disabled',false);
}
});
$("#moveTaskModal")
.data("templateTaskId", templateTaskId)
.data("sectionBasis",taskSectionNumber)
.dialog("open");
}
...
}
这是模态中的选择。可以根据任务的当前部分禁用任何4个选项:
<select id="selTaskType">
<option value="">Select a Section</option>
<option disabled="" value="1">Performance Monitor</option>
<option value="2">Predictive Maintenance</option>
<option value="3">Preventive Maintenance</option>
<option value="4">Preventive Replacement</option>
</select>
请参阅此fiddle了解
我已在Chrome(43.0.2357.81)中检查过它并且按预期工作,但在FF Dev Ed(40.0.a2)中,禁用的元素仍为精简版,并允许用户选择它。是否有其他人看到这个,如果是这样,它是一个已知的错误?有没有工作?
编辑:我问过几个同事,他们看到它正常工作。我似乎只发生在我身上。 :\