ASP.NET Server Controls - Показать скрыть текстовое поле на основе выбора просадки

Question

Каков наилучший способ показать/скрыть текстовое поле или весь раздел div на основе выбора пользователей из выпадающего списка? Я не верю, что это возможно с помощью серверных элементов управления, поэтому мне придется использовать стандартные элементы управления HTML на стороне клиента, правильно? Спасибо за любой вклад. Будет ли jQuery лучшим вариантом для этого?

Основываясь на выпадающем списке, я хочу иметь возможность отображать следующее Div и по умолчанию скрывать Div. Мысли ?:

<div id="divLimitPrice">Limit Price<br /> 
<asp:TextBox ID="txtLimitPrice" runat="server" ValidationGroup="ValidationGroupOrder"> </asp:TextBox> 

Answer 1

Вы можете сделать это с сервера управления так же, как простой HTML управления. Вам нужно только исправить набор визуализированных идентификаторов клиента элемента управления. Вот пример: (см заметки на код для того, что я делаю)

function TriggerChange(me) 
{ 
    // get the drop down control 
    var cTheDropDown = jQuery("#<%=ddlControl.ClientID%>"); 

    // find the value of the selected one 
    var SelValue = jQuery('option:selected', cTheDropDown).attr('value'); 

    // now do what you like with it 
    if(SelValue == "open") 
     jQuery("#divLimitPrice").show(); 
    else 
     jQuery("#divLimitPrice").hide(); 
} 

сокращенный вариант

function TriggerChange(me) 
{ 
    // get the selected value from the drop down list 
    // and base on it, show or hide your div 
    if(jQuery("#<%=ddlControl.ClientID%>").val() == "open") 
     jQuery("#divLimitPrice").show(); 
    else 
     jQuery("#divLimitPrice").hide(); 
} 

И на контроле вы добавляете триггер:

<asp:DropDownList ID="ddlControl" runat="server" onchange="TriggerChange(this);">