如何在ASP.NET的另一个下拉列表中基于用户选择禁用下拉列表项？ [英] How do I disable a dropdownlist item based on a user selection on another drop down in ASP.NET?

问题描述

我有两个带有少数项目的下拉列表。

如果用户选择X，则需要从下一个下拉列表中禁用X。

如果用户选择Y，则需要从下一个下拉菜单中禁用Y。

反之亦然。

我尝试了此操作，但没有用：

 保护无效ddlSearchColumn1_SelectedIndexChanged（object sender，EventArgs e）
 {
 var ddl =（DropDownList）sender; 
 
字符串itemSelected = ddl.SelectedValue; 
 
 ddlSearchColumn2.Items.FindByValue（itemSelected）.Enabled = false; 
} 
  

有人可以帮我吗？

解决方案

您非常接近：

MarkUP：

 列表1：< asp：DropDownList ID = ddlSearchColumn1 runat = server OnSelectedIndexChanged = ddlSearchColumn1_SelectedIndexChanged AutoPostBack = true /> 
列表2：< asp：DropDownList ID = ddlSearchColumn2 runat = server AutoPostBack = true /> 
  

后面的代码：

 公共局部类_Default：页面
 {
受保护的void Page_Load（对象发送者，EventArgs e）
 {
 if（！Page.IsPostBack）
 {//只需在下拉框中输入内容
 var items1 = new List< ListItem>（）
 {
 new ListItem（ Select Option），
 new ListItem（ 测试1），
新的ListItem（测试2），
新的ListItem（测试3）
}; 
 
 var items2 = new List< ListItem>（）
 {
 new ListItem（ Select Option，），
 new ListItem（ DDL 2测试1），
新ListItem（ DDL 2测试2），
新ListItem（ DDL 2测试3）
}; 
 
 ddlSearchColumn1.DataSource = items1; 
 ddlSearchColumn1.DataBind（）; 
 
 ddlSearchColumn2.DataSource = items2; 
 ddlSearchColumn2.DataBind（）; 
} 
} 
 
受保护的无效ddlSearchColumn1_SelectedIndexChanged（对象发送者，EventArgs e）
 {
 DropDownList list =发送者为DropDownList; 
 if（list == null || list.SelectedValue.ToLower（）！= test 1）//或任何符合条件的
返回； 
 
 ddlSearchColumn2.Items.FindByValue（ DDL 2测试1）。Attributes.Add（ Disabled， Disabled）; 
} 
} 
  

如果您对客户端解决方案感兴趣： / p>

使用jQuery：

 清单1：< asp：DropDownList ID = ddlSearchColumn1 runat =服务器 /> 
清单2：< asp：DropDownList ID = ddlSearchColumn2 runat = server /> 
 
< script> 
 jQuery（'＃<％= ddlSearchColumn1.ClientID％>'）。change（function（）
 {
 if（jQuery（this）.val（）！='测试1 '）//更改您的条件
返回； 
 
 jQuery（'＃<％= ddlSearchColumn2.ClientID％> option [value = DDL 2 Test 1]'）。attr （已禁用，已禁用）； 
}）； 
< / script> 
  

只使用javascript no库：

 列表1：< asp：DropDownList ID = ddlSearchColumn1 runat = server /> 
清单2：< asp：DropDownList ID = ddlSearchColumn2 runat = server /> 
 
< script> 
 document.getElementById（'<％= ddlSearchColumn1.ClientID％>'）。onchange =函数（）
 {
 var orgDdl = document.getElementById（'<％= ddlSearchColumn1。 ClientID％>'）; 
 var org2ddl = document.getElementById（’<％= ddlSearchColumn2.ClientID％>’）; 
 
，如果（orgDdl.value！='Test 1'）
返回； 
 
 for（var i = 0，ii = org2ddl.options.length; i< ii; i ++）
 {
 if（org2ddl.options [i] .value = = DDL 2测试1）
 {
 org2ddl.options [i] .disabled = disabled; 
休息时间； 
} 
} 
}; 
< / script> 
  

I have two drop down lists with a handful of items.

If the user selects X, X needs to be disabled from the next drop down.

If the user selects Y, Y needs to be disabled from the next drop down.

And vice-versa.

I tried this but it is not working:

protected void ddlSearchColumn1_SelectedIndexChanged(object sender, EventArgs e)
{
    var ddl = (DropDownList) sender;

    string itemSelected = ddl.SelectedValue;

    ddlSearchColumn2.Items.FindByValue(itemSelected).Enabled = false;
}

Can anyone give me a hand?

解决方案

You were very close:

MarkUP:

List 1: <asp:DropDownList ID="ddlSearchColumn1" runat="server" OnSelectedIndexChanged="ddlSearchColumn1_SelectedIndexChanged" AutoPostBack="true" />
List 2: <asp:DropDownList ID="ddlSearchColumn2" runat="server" AutoPostBack="true" />

Code Behind:

public partial class _Default : Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {//JUST PUT SOMETHING IN THE DROPDOWN BOXES
            var items1 = new List<ListItem>()
            {
                new ListItem("Select Option"),
                new ListItem("Test 1"),
                new ListItem("Test 2"),
                new ListItem("Test 3")
            };

            var items2 = new List<ListItem>()
            {
                new ListItem("Select Option", ""),
                new ListItem("DDL 2 Test 1"),
                new ListItem("DDL 2 Test 2"),
                new ListItem("DDL 2 Test 3")
            };

            ddlSearchColumn1.DataSource = items1;
            ddlSearchColumn1.DataBind();

            ddlSearchColumn2.DataSource = items2;
            ddlSearchColumn2.DataBind();
        }
    }

    protected void ddlSearchColumn1_SelectedIndexChanged(object sender, EventArgs e)
    {
        DropDownList list = sender as DropDownList;
        if (list == null || list.SelectedValue.ToLower() != "test 1") // OR WHATEVER YOUR CRITERIA IS
            return;

        ddlSearchColumn2.Items.FindByValue("DDL 2 Test 1").Attributes.Add("Disabled", "Disabled");
    }
}

IF you are interested in a client side solution:

With jQuery:

List 1: <asp:DropDownList ID="ddlSearchColumn1" runat="server" />
List 2: <asp:DropDownList ID="ddlSearchColumn2" runat="server" />

<script>
    jQuery('#<%= ddlSearchColumn1.ClientID %>').change(function ()
    {
        if (jQuery(this).val() != 'Test 1')//CHANGE YOUR CRITERIA
            return;

        jQuery('#<%= ddlSearchColumn2.ClientID %> option[value="DDL 2 Test 1"]').attr('disabled', 'disabled');
    });
</script>

Just using javascript no library:

List 1: <asp:DropDownList ID="ddlSearchColumn1" runat="server" />
List 2: <asp:DropDownList ID="ddlSearchColumn2" runat="server" />

<script>
    document.getElementById('<%= ddlSearchColumn1.ClientID %>').onchange = function ()
    {
        var orgDdl = document.getElementById('<%= ddlSearchColumn1.ClientID %>');
        var org2ddl = document.getElementById('<%= ddlSearchColumn2.ClientID %>');

        if (orgDdl.value != 'Test 1')
            return;

        for (var i = 0, ii = org2ddl.options.length; i < ii; i++)
        {
            if (org2ddl.options[i].value == "DDL 2 Test 1")
            {
                org2ddl.options[i].disabled = "disabled";
                break;
            }
        }
    };
</script>

这篇关于如何在ASP.NET的另一个下拉列表中基于用户选择禁用下拉列表项？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！