c# - ASP.NET と DropDownList

Question

作業中の Web サイトのログイン ページにDropDownListからを追加しました。Toolbox

で を選択したらListItem(DropDownList私の場合はたとえばジムとしましょう...)、クリックすると、自分の下に 3 つのバーが開きますDropDownList(たとえば、開かれるバーはユーザー名、パスワードと ID)、互いに下にある 3 つの TextBox を意味します。

Answer 1

<select>
<option value="1">Gym 1</option>
<option value="2">Gym 2</option>
<option value="3">Gym 3</option>
<select>

Answer 2

MultiveView コントロールを使用できます。そして、ドロップダウンの selectedIndexChanged イベントでアクティブ ビュー インデックスを設定します。私はあなたのためにいくつかのサンプルコードを書きました:

ASPx 側:

<asp:MultiView ID="multiView" ActiveViewIndex="-1" runat="server">
        <asp:View ID="viewGym" runat="server">
            <asp:TextBox ID="txtBxUserName" runat="server" />
            <asp:TextBox ID="txtBxPassword" runat="server" />
            <asp:TextBox ID="txtBxId" runat="server" />
        </asp:View>
    </asp:MultiView>
    <asp:DropDownList ID="Dropdownlist1" runat="server" AutoPostBack="true" 
        onselectedindexchanged="Dropdownlist1_SelectedIndexChanged">
        <asp:ListItem Text="Choose one club" Value="0" />
        <asp:ListItem Text="Gym" Value="1" />
        <asp:ListItem Text="Shoppers" Value="2" />
    </asp:DropDownList>

コードビハインド:

protected void Page_Load(object sender, EventArgs e)
    {
        if ( IsPostBack ) //don't forget :)
            return;
    }

    protected void Dropdownlist1_SelectedIndexChanged( object sender, EventArgs e )
    {
        if ( Dropdownlist1.SelectedValue == "1" ) //Gym item selected
        {
            multiView.ActiveViewIndex = 0; //Gym view active
        }
    }

最初のページの読み込み時にビューをアクティブにしない場合は、aspx コードで ActiveViewIndex を -1 に設定します。