Solved

adding a text box to a radio button list?

Posted on 2008-11-03
13
1,144 Views
Last Modified: 2012-06-27
Hi, I have a radio button list, but was hoping to add a textbox to the last option like this.  Is this possible to do?  If this radio button is selected, is it possible to make entering info into the text box required?  Thanks!

 Status:*
undergraduate
graduate
faculty or staff
guest user (non-TWU).  What school are you from? [text box here]
<br />
																		 Status:*<br /><asp:RadioButtonList id="status" runat="server">
 
                                <asp:ListItem id="status_undergrad" runat="server" Value="undergraduate" />
                                <asp:ListItem id="status_grad" runat="server" Value="graduate" />
                                <asp:ListItem id="status_fs" runat="server" Value="faculty or staff" />
                                <asp:ListItem id="status_guest" runat="server" Value="guest user (non-TWU)" />
                            </asp:RadioButtonList>												 <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="status"
                            ErrorMessage="TWU Status" runat="Server" Text="*Status Required"></asp:RequiredFieldValidator>

Open in new window

0
Comment
Question by:jianxin9
  • 8
  • 5
13 Comments
 
LVL 96

Expert Comment

by:Bob Learned
ID: 22875649
I would think that you need to toggle the Enabled property for the RequiredFieldValidator, when the selected option in the RadioButtonList is changed.
0
 

Author Comment

by:jianxin9
ID: 22876108
Thanks!  Can anyone show me an example of how to do that?
0
 
LVL 96

Expert Comment

by:Bob Learned
ID: 22876159
Attach an event handler to the SelectedIndexChanged event, and change the RequiredFieldValidator.Enabled = (RadioButtonList.SelectedIndex = <index of the item that you are working with>.
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:jianxin9
ID: 22876266
Thanks!   Would it look like this?  I'm not really sure....

                                <asp:ListItem id="status_undergrad" runat="server" Value="undergraduate" />
                                <asp:ListItem id="status_grad" runat="server" Value="graduate" />
                                <asp:ListItem id="status_fs" runat="server" Value="faculty or staff" />
                                <asp:ListItem id="status_guest" runat="server" Value="guest user (non-TWU)" />What school are you from?<asp:TextBox ID="status_school" runat="Server" />
                            </asp:RadioButtonList>                                                                                               <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="status"
                            ErrorMessage="TWU Status" runat="Server" Text="*Status Required" Enabled = (RadioButtonList.SelectedIndex = <status>
							</asp:RequiredFieldValidator>

Open in new window

0
 
LVL 96

Expert Comment

by:Bob Learned
ID: 22876341
That is the fun part of trying to figure out ASP.NET--trying to find just the right form.

An answer can be found here:

ListControl..::.SelectedIndexChanged Event
http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listcontrol.selectedindexchanged.aspx
0
 

Author Comment

by:jianxin9
ID: 22876435
thanks!  yeah, i am still confused about how to put it all together--thanks for the link
0
 

Author Comment

by:jianxin9
ID: 22878807
Hmmm...I am still stumped on this--if anyone could formulate an example of how this might work using my code I would really appreciate it!  Thanks!
0
 
LVL 96

Accepted Solution

by:
Bob Learned earned 500 total points
ID: 22879677
That someone is going to be me, and I am going to try to get you where you need to be, without doing the work for you.

Important points from the article:

1) Attach an event handler in HTML for the SelectedIndexChanged event

<asp:RadioButtonList id="RadioButtonList1"
            OnSelectedIndexChanged="Index_Changed"
            AutoPostBack="true"
            runat="server"/>

2) Define the event handler in the code-behind

   VB.NET:
   Sub Index_Changed(sender As Object, e As EventArgs)        
        Label1.Text = "You selected " & RadioButtonList1.SelectedItem.Text & _
            " with a value of : " & RadioButtonList1.SelectedItem.Value & "."
    End Sub

    C#:
    void Index_Changed(Object sender, EventArgs e) {

       Label1.Text = "You selected " + RadioButtonList1.SelectedItem.Text +
                     " with a value of $" + RadioButtonList1.SelectedItem.Value +
                     ".";

    }
0
 

Author Comment

by:jianxin9
ID: 22879989
I do appreciate the help--thank you.   Okay, I am getting errors when I load the page--but this is what I'm trying. Am I on the right track at all?
Info before closing script tag:
} 
    // Allow the user to enter in their school information if from another institution
 
 void Index_Changed(Object sender, EventArgs e) {
 
       Label1.Text = "You selected " + RadioButtonList1.SelectedItem.Text +
                     " Please tell us what school you are from" + RadioButtonList1.SelectedItem.Value +
                     ".";
 
    }
 
								
 
Status:*<br /><asp:RadioButtonList id="status" runat="server">
 
                                <asp:ListItem id="status_undergrad" runat="server" Value="undergraduate" />
                                <asp:ListItem id="status_grad" runat="server" Value="graduate" />
                                <asp:ListItem id="status_fs" runat="server" Value="faculty or staff" />
                                 <asp:ListItem id="status_guest" OnSelectedIndexChanged="Index_Changed"
            AutoPostBack="true" runat="server" Value="guest user (non-TWU)" /></asp:RadioButtonList>   What school are you from?<asp:Label id="Label1" runat="server"/>
                                                                 				 <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="status"
                            ErrorMessage="TWU Status" runat="Server" Text="*TWU Status Required"></asp:RequiredFieldValidator><br />

Open in new window

0
 
LVL 96

Expert Comment

by:Bob Learned
ID: 22880104
That is the right track, but you are referencing Label1, which you don't have on the page, so you need to change the Index_Changed event handler to do what you need, which is to look at the RadioButtonList's selected item, and determine how to set RequiredFieldValidator.Enabled.
0
 

Author Comment

by:jianxin9
ID: 22880402
Hmm...well, I'm confused about the example--where does the text box come in?

Is this any closer?  Sorry--I'm pretty new to this and very lost.
Info before closing script tag:
} 
    // Allow the user to enter in their school information if from another institution
 
 void Index_Changed(Object sender, EventArgs e) {
 
       Label1.Text = "You selected " + status_guest.SelectedItem.Text +
                     " Please tell us what school you are from" + status_guest.SelectedItem.Value +
                     ".";
 
    }
 
                                                                
 
Status:*<br /><asp:RadioButtonList id="status" runat="server">
 
                                <asp:ListItem id="status_undergrad" runat="server" Value="undergraduate" />
                                <asp:ListItem id="status_grad" runat="server" Value="graduate" />
                                <asp:ListItem id="status_fs" runat="server" Value="faculty or staff" />
                                 <asp:ListItem id="status_guest" OnSelectedIndexChanged="Index_Changed"
            AutoPostBack="true" runat="server" Value="guest user (non-TWU)" /></asp:RadioButtonList>   What school are you from?<asp:Label id="Label1" runat="server"/>
                                                                                                 <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="status"
                            ErrorMessage="TWU Status" runat="Server" Text="*TWU Status Required"></asp:RequiredFieldValidator><br />

Open in new window

0
 

Author Comment

by:jianxin9
ID: 22886964
For anyone that can help with this--is this any closer?  Thanks!
Hidden Code:
 
}       
         
         //Give users the option to enter school information
         Protected Sub rbl1_SelectedIndexChanged(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles rbl1.SelectedIndexChanged
     
  If rblAns.SelectedValue = "status_guest" Then
      ctlValidation.enabled = True
  else
      ctlValidation.enabled = False
  End If
 
End Sub
</script>
 
 
 
 
      Status:*<br /><asp:RadioButtonList id="status" runat="server">
 
                                <asp:ListItem id="status_undergrad" runat="server" Value="undergraduate" />
                                <asp:ListItem id="status_grad" runat="server" Value="graduate" />
                                <asp:ListItem id="status_fs" runat="server" Value="faculty or staff" />
                                 <asp:ListItem id="status_guest" runat="server" Value="guest user (non-TWU)" /></asp:RadioButtonList>   
 
                                                                                  <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="status"
                            ErrorMessage="Status" runat="Server" Text="*TWU Status Required"></asp:RequiredFieldValidator><br />
                                                        What school are you from?<asp:TextBox ID="school" runat="Server" />

Open in new window

0
 

Author Closing Comment

by:jianxin9
ID: 31512727
thanks for the help
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

This article describes relatively difficult and non-obvious issues that are likely to arise when creating COM class in Visual Studio and deploying it by professional MSI-authoring tools. It is assumed that the reader is already familiar with the cla…
You may or may not be familiar with Kodi (http://www.kodi.tv) the open source software media player and entertainment hub that can be installed on Linux, OSX, Windows, iOS, and Android.  Kodi which started off as X-Box Media Center (XBMC) many years…
Viewers will learn how to create a new project within Adobe Encore and the basic layout of the software.
Viewers will learn the basics of making and using Impulse Kits in Ableton Live. Load new Impulse into an empty MIDI track: Fill the 8 empty sample slots with drum samples: Adjust parameters to tailor each sound as desired: Proceed to create be…

786 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