Solved

Change Textbox Value on Selected Index Changed DDL not working

Posted on 2012-03-21
2
235 Views
Last Modified: 2012-06-27
HI EE

I need to make a texbox visible only when a selection is not null, (first selection), and then enable a texbox that gets populated with the current date, (user can change the date) I am using an update panel and setting up the autopostback property to true on the dropdown list, the problem is that the texbox is taking the selection on date when I insert to table....

can you please suggest what to do?

Thanks

<td style="width: 286px">
                <label for="recordtype">
                                 *Prepper:</label><asp:DropDownList 
                    ID="txtPreppin" runat="server" CssClass="padding-input" 
                    AutoPostBack="True" onselectedindexchanged="txtPreppin_SelectedIndexChanged">
                    <asp:ListItem Text="-Select-" Value=''>-Select-</asp:ListItem>
                    <asp:ListItem>Acevedo, Noe</asp:ListItem>
                </asp:DropDownList>
                <br />
                <label for="recordtype">
                                 *Date:</label>
<asp:TextBox ID="txtprepDate" runat="server" 
                    Enabled="False" ReadOnly="True"></asp:TextBox>
                <asp:CalendarExtender ID="txtprepDate_CalendarExtender" runat="server" 
                    Enabled="True" TargetControlID="txtprepDate" Format="MM/dd/yyyy">
                </asp:CalendarExtender>
               
                
               
        </td>

   protected void txtPreppin_SelectedIndexChanged(object sender, EventArgs e)
     {

         if (Page.IsPostBack)
         {

             txtprepDate.Text = DateTime.Today.ToString("MM/dd/yyy");
             txtScanDate.Text = DateTime.Today.ToString("MM/dd/yyy");


             if (txtPreppin.SelectedItem.Text != null)
             {
                 txtprepDate.Enabled = true;
                 txtprepDate.ReadOnly = false;
                                  
             }

             else
             {
                 txtprepDate.Enabled = false;
                 txtprepDate.ReadOnly = true;
             }
         }

Open in new window

0
Comment
Question by:TonyReba
2 Comments
 
LVL 7

Accepted Solution

by:
Lalit Chandra earned 500 total points
ID: 37748318
This task can be done at the client side (on browser itself),so no need to do a round-trip to the server for this small task.
Simple, put the jquery link on your page and use the following code to achieve the same

$(function() {
      $("#txtbox").css("display","none");  // Hide the textbox on first page Load.

    $("#ddsListName").change(function() {
         if($(this).value != "0") // For the first element
         {
                 $("#txtbox").css("display","block");
         }
         else
         {
               $("#txtbox").css("display","none");
         }
     }
       
    );
});

Now in code behind,simple in the Page_Load event assign the textbox with current date.

That's done.
0
 
LVL 9

Author Comment

by:TonyReba
ID: 37749154
Could I change the property to enabled and read only false instead of hidding it?
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

We all know that functional code is the leg that any good program stands on when it comes right down to it, however, if your program lacks a good user interface your product may not have the appeal needed to keep your customers happy. This issue can…
Performance in games development is paramount: every microsecond counts to be able to do everything in less than 33ms (aiming at 16ms). C# foreach statement is one of the worst performance killers, and here I explain why.
Established in 1997, Technology Architects has become one of the most reputable technology solutions companies in the country. TA have been providing businesses with cost effective state-of-the-art solutions and unparalleled service that is designed…

765 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question