Javascript 验证可观测日期之间的重复数据

我有一个可观察数组（通过ajax填充），在验证时，在数组中的任何2个或更多可观察对象上不能有相同的select值

<div id="AttrValidationDiv"></div>
    <table>    
    <!-- ko foreach: AttrsViewModels -->
         <tr>
            <td>
              <select data-bind="options:$root.optionsViewModel, optionsText:'ProductName', optionsValue:'ProductId',value:ServiceGroup, optionsCaption:'Select'"></select>
           </td>
          </tr>
        <!-- /ko -->
    </table>

---

有没有办法通过实时添加/删除验证div来实现这一点？

您可以通过一个计算函数来实现这一点，该函数将根据AttrsViewModels中的选定选项检查每个选项。每当所选选项发生更改时，computed将自动重新计算，因为它们是可观察的，并且如果绑定到computed函数，div文本将被更新

函数viewModel（）{
var self=这个；
this.options视图模型=[
{ProductId:1，ProductName:'product 1'}，
{ProductId:2，ProductName:'product 2'}，
{ProductId:3，ProductName:'product 3'}
];
this.AttrsViewModels=ko.observearray([
{ServiceGroup:ko.observable（）}，
{ServiceGroup:ko.observable（）}，
{ServiceGroup:ko.observable（）}
]);
this.validations=ko.computed（函数（）{
对于（变量i=0；i=2）{
return option.ProductName+“被多次选中”；
}
}
返回“”；
});
}
应用绑定（新的viewModel（））
您可以使用一个计算函数来完成此操作，该函数将根据AttrsViewModels中的选定选项检查每个选项。每当所选选项发生更改时，computed将自动重新计算，因为它们是可观察的，并且如果绑定到computed函数，div文本将被更新


函数viewModel（）{
var self=这个；
this.options视图模型=[
{ProductId:1，ProductName:'product 1'}，
{ProductId:2，ProductName:'product 2'}，
{ProductId:3，ProductName:'product 3'}
];
this.AttrsViewModels=ko.observearray([
{ServiceGroup:ko.observable（）}，
{ServiceGroup:ko.observable（）}，
{ServiceGroup:ko.observable（）}
]);
this.validations=ko.computed（函数（）{
对于（变量i=0；i=2）{
return option.ProductName+“被多次选中”；
}
}
返回“”；
});
}
应用绑定（新的viewModel（））

谢谢。这正是我需要的。我想知道是否有可能在AttrsViewModels中引入一个“Level”属性。例如：“‘级别1中的服务组已被选择为级别2,3’。@Mildfire我不确定您的结构是什么样的，但我不明白为什么不。如果你能把一个包含更多代码的JSFIDLE放在一起，我会看一看，我明白了。通过匹配数组访问。谢谢。这正是我需要的。我想知道是否有可能在AttrsViewModels中引入一个“Level”属性。例如：“‘级别1中的服务组已被选择为级别2,3’。@Mildfire我不确定您的结构是什么样的，但我不明白为什么不。如果你能把一个包含更多代码的JSFIDLE放在一起，我会看一看，我明白了。通过匹配数组访问它。