Jquery: display div based on the selection from DropDownList -

-

i have dropdownlist (asp.net) , when user change selection , want display div based on selected dropdownlist.

i have code here...

    <asp:dropdownlist id="ddlfilter" runat="server" width="221px">         <asp:listitem text="select..." value=""></asp:listitem>         <asp:listitem text="date" value="date"></asp:listitem>         <asp:listitem text="subject" value="subject"></asp:listitem>         <asp:listitem text="status" value="status"></asp:listitem>     </asp:dropdownlist>     &nbsp;     <asp:button id="btnsearch" text="search" runat="server" />         <div id="divdaterangesearch">         <div style="float: left">             <asp:label id="lbldaterange" runat="server" text="date range"></asp:label>             <br />             <uc1:datepicker id="fromdate" runat="server"  />             <uc1:datepicker id="todate" runat="server"  />         </div>     </div>       <div id="divsearchsubject" >         <div style="float: left">             <asp:label id="lblsubject" runat="server" text="subject"></asp:label><br />             <asp:textbox id="txtsubject" runat="server" width="225px"></asp:textbox>         </div>     </div>        <div id="divstatussearch">         <div style="float: left">             <asp:label id="lblstatus" runat="server" text="status" ></asp:label>             <br />             <asp:dropdownlist id="ddstatus" runat="server" width="152px" >             </asp:dropdownlist>         </div>     </div>

updated:

<div  style="width: 880px; padding-top: 2px; border-bottom: none;             height: 28px;">             <asp:label id="lblfilterresultsby" runat="server" text="filter results by:"></asp:label>              <asp:dropdownlist id="ddlfilter" runat="server" width="221px">         <asp:listitem text="select..." value=""></asp:listitem>         <asp:listitem text="date" value="date"></asp:listitem>         <asp:listitem text="subject" value="subject"></asp:listitem>         <asp:listitem text="status" value="status"></asp:listitem>     </asp:dropdownlist>             &nbsp;               <div id="div_date"  style="width:250px; display:none;  "  class="sectionrowdate">                  <div style="float: left">                     <asp:label id="lbldaterange" runat="server" text="date range" ></asp:label>                     <br />                     <uc1:datepicker id="fromdate" runat="server"  />                     <uc1:datepicker id="todate" runat="server"  />                     </div>             </div>              <asp:button id="btnsearch" text="search" runat="server" />   

$('#ddlfilter').change(function(){    var sel = $(this).val();    if(sel === 'date'){      hideall();// function hide divs first      $('#divdaterangesearch').show();    } else if(sel === 'subject'){      ///so on...    } });

Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more