Jquery: display div based on the selection from DropDownList
<p>I have a dropdownlist (asp.net) and when user change the selection and i want to display the div based on the selected from dropdownlist.</p>

<p>i have code here...</p>

<pre><code>    &lt;asp:DropDownList ID="ddlFilter" runat="server" Width="221px"&gt;
        &lt;asp:ListItem Text="Select..." Value=""&gt;&lt;/asp:ListItem&gt;
        &lt;asp:ListItem Text="Date" Value="DATE"&gt;&lt;/asp:ListItem&gt;
        &lt;asp:ListItem Text="Subject" Value="SUBJECT"&gt;&lt;/asp:ListItem&gt;
        &lt;asp:ListItem Text="Status" Value="STATUS"&gt;&lt;/asp:ListItem&gt;
    &lt;/asp:DropDownList&gt;
    &amp;nbsp;
    &lt;asp:Button ID="btnSearch" Text="Search" runat="server" /&gt;




    &lt;div id="divDateRangeSearch"&gt;
        &lt;div style="float: left"&gt;
            &lt;asp:Label ID="lblDateRange" runat="server" Text="Date Range"&gt;&lt;/asp:Label&gt;
            &lt;br /&gt;
            &lt;uc1:DatePicker ID="FromDate" runat="server"  /&gt;
            &lt;uc1:DatePicker ID="ToDate" runat="server"  /&gt;
        &lt;/div&gt;
    &lt;/div&gt;


    &lt;div id="divSearchSubject" &gt;
        &lt;div style="float: left"&gt;
            &lt;asp:Label ID="lblSubject" runat="server" Text="Subject"&gt;&lt;/asp:Label&gt;&lt;br /&gt;
            &lt;asp:TextBox ID="txtSubject" runat="server" Width="225px"&gt;&lt;/asp:TextBox&gt;
        &lt;/div&gt;
    &lt;/div&gt; 


    &lt;div id="divStatusSearch"&gt;
        &lt;div style="float: left"&gt;
            &lt;asp:Label ID="lblStatus" runat="server" Text="Status" &gt;&lt;/asp:Label&gt;
            &lt;br /&gt;
            &lt;asp:DropDownList ID="ddStatus" runat="server" Width="152px" &gt;
            &lt;/asp:DropDownList&gt;
        &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p><strong>Updated:</strong></p>

<pre><code>&lt;div  style="width: 880px; padding-top: 2px; border-bottom: none;
            height: 28px;"&gt;
            &lt;asp:Label ID="lblFilterResultsBy" runat="server" Text="Filter Results by:"&gt;&lt;/asp:Label&gt;

            &lt;asp:DropDownList ID="ddlFilter" runat="server" Width="221px"&gt;
        &lt;asp:ListItem Text="Select..." Value=""&gt;&lt;/asp:ListItem&gt;
        &lt;asp:ListItem Text="Date" Value="DATE"&gt;&lt;/asp:ListItem&gt;
        &lt;asp:ListItem Text="Subject" Value="SUBJECT"&gt;&lt;/asp:ListItem&gt;
        &lt;asp:ListItem Text="Status" Value="STATUS"&gt;&lt;/asp:ListItem&gt;
    &lt;/asp:DropDownList&gt;
            &amp;nbsp;
              &lt;div id="div_date"  style="width:250px; display:none;  "  class="sectionrowDate"&gt;
                 &lt;div style="float: left"&gt;
                    &lt;asp:Label ID="lblDateRange" runat="server" Text="Date Range" &gt;&lt;/asp:Label&gt;
                    &lt;br /&gt;
                    &lt;uc1:DatePicker ID="FromDate" runat="server"  /&gt;
                    &lt;uc1:DatePicker ID="ToDate" runat="server"  /&gt;
                    &lt;/div&gt;
            &lt;/div&gt;

            &lt;asp:Button ID="btnSearch" Text="Search" runat="server" /&gt;  
</code></pre>
