比较下拉列表

Question

我有一个页面包含多个下拉列表，所有下拉列表都填充了相同的值。我想在客户端和服务器端对它们进行比较。

但问题是，下拉列表是动态生成的，因为它们的数量可能会有所不同。

Answer 1

客户端比较：

<script type="text/javascript">
         function CompareSelectedValues(dropDown1ID, dropDown2ID) {
             var DropDownList1 = document.getElementById(dropDown1ID);
             var DropDownList2 = document.getElementById(dropDown2ID);
             if (DropDownList1.selectedIndex != -1 && DropDownList2.selectedIndex != -1) {
                 if (DropDownList1.options[DropDownList1.selectedIndex].value != DropDownList2.options[DropDownList2.selectedIndex].value)
                     alert('not same');
             }
         }
     </script>

经典服务器端与 C# 对比：

private bool AreDropDownListValuesEqual(DropDownList ddlist1, DropDownList ddlist2)
    {
        // Check for invalid input or different number of items for early return
        if (ddlist1 == null || ddlist2 == null || ddlist1.Items.Count != ddlist2.Items.Count)
        {
            return false;
        }

        // Check items one by one. We need a nested loop because the list could be sorted differently while having the same values!
        foreach (ListItem outerItem in ddlist1.Items)
        {
            bool hasMatch = false;
            foreach (ListItem innerItem in ddlist2.Items)
            {
                if (innerItem.Value == outerItem.Value && innerItem.Text == outerItem.Text)
                {
                    hasMatch = true;
                    break;
                }
            }

            if (!hasMatch)
            {
                return false;
            }
        }

        // All items from ddlist1 had a match in ddlist2 and we know that the number of items is equal, so the 2 dropdownlist are matching!
        return true;
    }

Answer 2

您需要什么样的比较？如果您不将它们保存在列表中并将该列表保存在会话中，那么您将永远无法对它们执行任何操作，因为您是动态添加它们的。在创建下拉列表的位置添加下拉列表（当 Page.IsPostBack == false 时应该如此）并将该列表保留在会话中。在回发时，从列表中加载下拉列表。您可以使用您保留的列表来比较它们。