Показать / скрыть кнопки на основе раскрывающегося списка

Question

В настоящее время у меня есть страница aspx, которая содержит раскрывающийся список и четыре кнопки.На основе выбора, сделанного в раскрывающемся списке, отображается комбинация кнопок.

В настоящее время это реализовано так, что когда пользователь делает выбор, я использую AutoPostBack и событие на сервере selectedChanged, чтобы определить, какиеКнопки для отображения, а затем установите свойство Visible этих кнопок в этом методе.

Из-за того, что это отправляет назад, я не думаю, что это хорошее решение, поскольку вся страница отправляет назад.Я бы предпочел сделать это с помощью JSON.

Я предпринял следующую попытку, но, похоже, она не работает:

$(document).ready(function () {
            jQuery("#<%= MyDropdownList.ClientID %>").change(function () {
                 updateAvailableButtons(jQuery(this).val());
        });

    });

function updateAvailableButtons(selectedItemId) {
        jQuery("h2").html("selectedItemId:" + selectedItemId);
        jQuery.getJSON("MyPage.aspx/GetAvailableButtons?" + Id, function (data, textStatus) { debugger; });
    }

Сторона сервера:

protected void GetAvailableButtons(int selectedItemId)
    {
      //based on the id here then then I show hide certain buttons.
      button1.Visible = true;
      button2.Visible = false;
      button3.Visible = false;
      button4.Visible = false;
    }

Я никогда раньше не работал с JSON, поэтому извиняюсь, если это не так.

Answer 1

Аналогичная задача может быть выполнена с помощью JavaScript.Проблема в том, что вам нужно использовать элемент управления html вместо элемента управления asp.net, чтобы вы могли манипулировать с клиентской стороны.