Question

在我使用viewModel的MVC应用程序中，我有4个下拉列表放在div标签中。它们如下：

网站（15个不同的网站）部门（电子，设施） EquipmentGroup（不同的列表取决于部门） WorkOrders（从Site和EquipmentGroup级联）

网站和部门没有级联 EquipmentGroup从Department级联。到现在为止还挺好。

WorkOrder从Site和EquipmentGroup的组合中级联。我没有动态填充下拉菜单的问题，我想知道在获得Site和EquipmentGroup的结果之前我应该如何隐藏WorkOrders下拉列表。

我应该有一个下拉列表并在填充其他三个时更改它的特征，或者两个单独的div，每个div都有自己的下拉列表，并且一旦做出选择就使一个或另一个可见？

Answer 1

布局取决于您，但管理显示器可以执行以下操作：

var $controllingSelects=$('#siteSelectID,#equipmentSelectID').change(function(){
     /* create boolean to determine whether to hide/show department select*/
     var showDepartment= $controllingSelects.filter(function(){
              return this.value !='';
         }).length ==2;

       /*run your  code to populate if(showDepartment) is true */

      /* hide/show department select*/
      $('#departmentSelectID').toggle( showDepartment);
});

基于多个级联输入动态显示下拉列表的最佳方法是什么？

1 个答案: