Как отключить элемент dropdownlist на основе выбора пользователя в другом раскрывающемся списке ASP.NET?

У меня есть два выпадающих списка с несколькими элементами.

если пользователь выбирает X, X должен быть отключен из следующего раскрывающегося списка.

если пользователь выбирает Y, Y должен быть отключен из следующего раскрывающегося списка.

и наоборот.

Я пробовал это, но это не работает:

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

    string itemSelected = ddl.SelectedValue;

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

кто-нибудь может мне помочь?

7
asp.net c# drop-down-menu

5 ответов

Вы были очень близки:

разметка:

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

Код:

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");
    }
}

если вы заинтересованы в решении на стороне клиента:

С помощью 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>

просто с помощью javascript нет библиотеки:

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>
8

по какой-то причине, это работает для меня:

 if (ddlState.SelectedValue == "AK")
    {
        MyDdl.Items.FindByValue("1111111").Enabled = false;

}

5
protected void ddlFirst_SelectedIndexChanged(object sender, EventArgs e)
    {
        foreach (ListItem item in ddlSecond.Items)
        {
            if (item.ToString() == ddlFirst.SelectedValue)
            {
                item.Attributes.Add("disabled", "disabled");
            }
        }
    }
    protected void ddlSecond_SelectedIndexChanged(object sender, EventArgs e)
    {
        foreach (ListItem item in ddlFirst.Items)
        {
            if (item.ToString() == ddlSecond.SelectedValue)
            {
                item.Attributes.Add("disabled", "disabled");
            }
        }
    }

но я все еще считаю, что это клиентская сторона

0

раскрывающийся список содержит коллекцию объектов ListItem, для которых включено свойство, которое вы пытаетесь установить. Это свойство работает для ListItems в элементах управления RadioButtonList или CheckBoxList, но не DropDownList.

справочник MSDN: http://msdn.microsoft.com/en-us/library/vstudio/system.web.ui.webcontrols.listitem.enabled(v=vs. 100).aspx

"Примечание: это свойство нельзя использовать для отключения элемента управления ListItem в Dropdownlist для управление или управление ListBox."

Edit: ответы выше решают вашу проблему, как вы описали, и я узнал что-то новое :)

0

Я решил добавить здесь.

две вещи, которые мы забыли добавить:

EnableViewState="Истинный" Autopostback Элемента Управления="Правда"

Если вы не добавляете их в элемент управления, событие не запускается.

-1