Asp.net Javascript避免基于其他DropDownList的DropDownList中的重复值[关闭]答案

【问题标题】：Asp.net Javascript Avoid Duplicate values from DropDownList based On Other DropDownList [closed]Asp.net Javascript避免基于其他DropDownList的DropDownList中的重复值[关闭]
【发布时间】：2016-08-31 10:23:12
【问题描述】：

我有一个 10 DropdownList，我想避免重复，问题是如果我随机选择 dropdowndownlist 第七个 Dropdownlist 我选择了六个，下面剩余的下拉列表会出现 1 我想避免这种情况，我想要的是如果出现重复值，请删除重复值或设置为 null，这是我的代码，希望您能帮助 javascriptenter image description here......

<div>
    <table>
    <asp:DropDownList ID = "ddl1" runat="server"  >
        <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>            
    </asp:DropDownList>
    <asp:DropDownList ID = "ddl2" runat="server" >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
    <asp:DropDownList ID = "ddl3" runat="server" >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>     
    </asp:DropDownList>
    <asp:DropDownList ID = "ddl4" runat="server" >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
    <asp:DropDownList ID = "ddl5" runat="server" >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
         <asp:DropDownList ID = "ddl6" runat="server" >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
         <asp:DropDownList ID = "ddl7" runat="server" >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
         <asp:DropDownList ID = "ddl8" runat="server"  >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
         <asp:DropDownList ID = "ddl9" runat="server"  >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
         <asp:DropDownList ID = "ddl10" runat="server"  >
       <asp:ListItem Value=""></asp:ListItem>
        <asp:ListItem Value="1">1</asp:ListItem>
        <asp:ListItem Value="2">2</asp:ListItem>
        <asp:ListItem Value="3">3</asp:ListItem>
        <asp:ListItem Value="4">4</asp:ListItem>
         <asp:ListItem Value="5">5</asp:ListItem>
         <asp:ListItem Value="6">6</asp:ListItem>
         <asp:ListItem Value="7">7</asp:ListItem>
         <asp:ListItem Value="8">8</asp:ListItem>
         <asp:ListItem Value="9">9</asp:ListItem>
         <asp:ListItem Value="10">10</asp:ListItem>   
    </asp:DropDownList>
        </table>
    <asp:Button ID="btnSave" runat="server" Text="Save"    
         OnClick="btnSave_Click" />
    <asp:Label ID="lblmsg" runat="server"></asp:Label>
</div>
</form>

        <script type="text/javascript">

   var Lists = [
        document.getElementById("ddl1"),
        document.getElementById("ddl2"),
        document.getElementById("ddl3"),
        document.getElementById("ddl4"),
        document.getElementById("ddl5"),
        document.getElementById("ddl6"),
        document.getElementById("ddl7"),
        document.getElementById("ddl8"),
        document.getElementById("ddl9"),
        document.getElementById("ddl10")

   ],
        nbLists = Lists.length;


   // Binds change events to each list
   for (var iList = 0; iList < nbLists; iList++) {
       Lists[iList].onchange = RemoveItems(iList);
   }


   function RemoveItems(iList) {
       return function () {
           var value = [];

           // Add the selected items of all previous lists including the one changed
           for (var jList = 0; jList <= iList; jList++) value.push(Lists[jList].options[Lists[jList].selectedIndex].text);


           // Hide in all succeeding lists these items
           for (var kList = iList + 1; kList < nbLists; kList++)
               HideItems(kList, value);
       }
   }


   // Hide items selected in previous lists in all next lists
   function HideItems(iList, value) {
       var nbOptions = Lists[iList].options.length,
           nbValues = value.length,
           found;

       if (nbValues === 0) return;

       for (var iOption = 0; iOption < nbOptions; iOption++) {
           // Find if this element is present in the previous lists
           found = false;
           for (var iValue = 0; iValue < nbValues; iValue++) {
               if (Lists[iList].options[iOption].text === value[iValue]) {
                   found = true;
                   break;
               }
           }

           // If found, we hide it
           if (found) {
               Lists[iList].options[iOption].style.display = "none";
               Lists[iList].options[iOption].selected = "";
           }
               // else we un-hide it (in case it was previously hidden)
           else
               Lists[iList].options[iOption].style.display = "";
       }
   }
        </script>

【问题讨论】：

你写的代码在什么方面没有按预期工作？
先生，如果您能看到，如果交替选择选定的值，那么稍后我将再次选择以前的值，它将重复，您可以测试我的代码也看到它..谢谢
"you can test my code too see it" - 您完全误解了 Stack Overflow 的工作原理。我们不是您的个人调试器。当您测试您的代码时，它在哪里/如何具体失败？当然，您可以选择重复值，因为选择中存在重复值。你认为什么会阻止这种情况发生？您以什么方式试图阻止这种情况的发生，以及这种尝试如何没有按预期工作？
先生这是什么，我怎样才能避免那些重复的值，我想在相应的下拉列表中选择选定的值。所以如果我把它保存到数据库中，我会得到准确的值，对不起我的错误，我的口音我是亚洲人..
先生，请问您的代码在哪里，我可以测试一下，谢谢。

标签： javascript asp.net vb.net

【解决方案1】：

为什么不首先使用带有CustomValidator 的客户端验证？

        <asp:DropDownList ID="ddl1" runat="server">
            <asp:ListItem Text="1" Value="1"></asp:ListItem>
            <asp:ListItem Text="2" Value="2"></asp:ListItem>
        </asp:DropDownList>
        <asp:DropDownList ID="ddl2" runat="server">
            <asp:ListItem Text="1" Value="1"></asp:ListItem>
            <asp:ListItem Text="2" Value="2"></asp:ListItem>
        </asp:DropDownList>

        <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" />
        <asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="There are duplicate values" ClientValidationFunction="noDuplicates"></asp:CustomValidator>

        <script type="text/javascript">
            function noDuplicates(oSrc, args) {
                var ddl1 = document.getElementById('<%= ddl1.ClientID %>').selectedIndex;
                var ddl2 = document.getElementById('<%= ddl2.ClientID %>').selectedIndex;

                if (ddl1 != ddl2) {
                    args.IsValid = true;
                } else {
                    args.IsValid = false;
                }
            }
        </script>

【讨论】：

好的先生，我会试试你的代码..
谢谢你的想法...这真的很有帮助