Radiobutton Выравнивание текста Проблема

Question

Я работаю в asp.net и у меня есть список радиокнопок, и я хочу выровнять их текст по мере необходимости.Вот что у меня сейчас:

Я хочу сделать их так:

РЕДАКТИРОВАТЬ: Во-вторых, когда я щелкаю по радиокнопке Ages From, я отображаю div с этим как:

и когда я возвращаюсь к радиокнопке All Ages, я хочу скрытьэтот див.Но SelectedIndexChanged не работает во второй раз и далее.Это работает только в первый раз.

Код aspx:

<table>
                        <tr>
                            <td>
                                <asp:RadioButtonList ID="rdoAge" runat="server" RepeatDirection="Horizontal" 
                                    onselectedindexchanged="rdoAge_SelectedIndexChanged" AutoPostBack="true" >
                                    <asp:ListItem Text="All Ages" Value="All Ages" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="Ages From" Value="Ages From"></asp:ListItem>
                                </asp:RadioButtonList>
                            </td>
                            <div id="divAge" runat="server" visible="false">
                                <td>
                                    <asp:TextBox ID="txtAgeFrom" runat="server" CssClass="textEntry2" MaxLength="3" Width="65"></asp:TextBox>
                                </td>
                                <td>
                                    <asp:Label ID="lblTo" runat="server" Text="To"></asp:Label>
                                </td>
                                <td>
                                    <asp:TextBox ID="txtAgeTo" runat="server" CssClass="textEntry2" MaxLength="3" Width="65"></asp:TextBox>
                                </td>
                            </div>
                        </tr>
                    </table>

Код файла CS:

protected void rdoAge_SelectedIndexChanged(object sender, EventArgs e)
    {
        switch (rdoAge.SelectedValue)
        {
            case "All Ages":
                divAge.Visible = false;
                break;
            case "Ages From":
                divAge.Visible = true;
                break;
        }
    }

Буду благодарен, если кто-нибудь предложит что-то полезное дляэтот выпуск.

Заранее спасибо.

Answer 1

Это была проблема отсутствия закрывающего тега.Должно быть, я пропустил закрывающий тег какого-то элемента управления.Я снова добавил все элементы управления, позаботившись о закрытии тегов.Теперь все работает нормально.

Спасибо всем за помощь.

Answer 2

 switch (rdoAge.SelectedItem.Text)

В исходном коде определите панель обновления следующим образом:

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

, а затем в событии OnSelectedIndexChanged добавьте UpdatePanel1.Update ();

Answer 3

попробуйте использовать CSS Sytel

<style type="text/css">
 table.radioWithProperWrap input
 {    
      float: left;
 }

 table.radioWithProperWrap label
 {    
      word-wrap: break-word;

 }
</style>
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>