DropDownList를 기반으로 TextBox로 DIV 숨기기 선택 값

Question

여기에서 드롭 다운 값을 클릭하면 숨겨진 div가 팝업됩니다. 내 드롭 다운 목록 값은 데이터베이스에서 가져옵니다. 그래서 그것은 역동적입니다.

<tr style="padding-top: 10px" class="table-row"> 
    <td class="auto-style1" style="padding-left: 20px; padding-top: 10px;">Select Report Type</td> 
    <td style="padding-top: 10px" class="auto-style2"> 
     <asp:DropDownList ID="reportTypeDropDownList" runat="server" AutoPostBack="True" OnSelectedIndexChanged="reportTypeDropDownList_SelectedIndexChanged"></asp:DropDownList><br> 
    </td> 
</tr> 


In above its my drop down list..I blinded data to it from database. 

<div style="background-color:aquamarine" id="div1"> 
<table> 

<tr> 
    <td>From Date</td> 
    <td> 
     <asp:TextBox ID="fromDateTextBox" runat="server"></asp:TextBox> 
     <asp:CalendarExtender ID="fromDateTextBox_CalendarExtender" runat="server" TargetControlID="fromDateTextBox"> 
     </asp:CalendarExtender> 
    </td> 
</tr> 
<tr> 
    <td>To Date</td> 
    <td> 
     <asp:TextBox ID="toDateTextBox" runat="server"></asp:TextBox> 
     <asp:CalendarExtender ID="toDateTextBox_CalendarExtender" runat="server" TargetControlID="toDateTextBox"> 
     </asp:CalendarExtender> 
     <asp:Button ID="viewButton" runat="server" OnClick="viewButton_Click" Text="View" /> 
    </td> 
</tr> 
</table> 
</div> 

이

내가 report.aspx.cs에서 할 노력이 코드의 값

protected void reportTypeDropDownList_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    ReportDataAccess reportDataAccess = new ReportDataAccess(); 

    if (reportTypeDropDownList.SelectedValue=="1") 
    { 
     //... some logic 
    } 
} 

을 클릭하면 팝업 싶은 사업부입니다.

도와주세요!

Answer 1

이 경우 JQuery를 사용해야합니다. 예를 들어 ,이 사업부와 당신이 선택, 당신은 변경 이벤트를 캡처하는 JQuery와 사용할 수있는 인 경우

<div id="hiddenDiv"> 
     //Content 
    </div> 

    <select id="testSelection"> 
     //options 
    </select> 

,

$('#testSelection').on('change', function() { 
if(this.value == 1) 
     $('#hiddenDiv').show(); 
    }) 

당신은 선택의 ID가없는 경우 코드 사용에 다른 선택이 없다면,

$('select').on('change', function() { 
if(this.value == 1) 
    $('#hiddenDiv').show(); 
})