DropDownListの選択に基づいてTextBoxを置き換えます

Question

DropDownListから要素を選択すると、TexBoxが消え、同じ正確な位置にある別の要素に置き換えられます。

例：SI機器、ノートパソコン、デスクトップ、ディスプレイなどのカテゴリーでいっぱいのDropDownListがあります。ディスプレイを選択すると、RAM、CPU、ハードディスクのテキストボックスが消えて、RAM TextBoxがINCH TextBoxに変わります。

これは私のコードです：

<div> 
    <label id="l1" class="label" >Numéro de série:</label> 
    <asp:TextBox ID="NumSerie" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <label id="l8" class="label"> Systeme d'exploitation: </label> 
    <asp:TextBox ID="SystemEx" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <asp:Button class="NButton" ID="Button1" runat="server" Height="38px" Text="Ajouter" Width="140px" OnClick="Button1_Click" /> 
</div> 
<div> 
    <label id="l2" class="label">Désignation:</label> 
    <asp:TextBox ID="Designation" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <label id="l9" class="label"> Processeur:</label> 
    <asp:TextBox ID="Cpu" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <asp:Button CssClass="NButton" ID="Button2" runat="server" Height="38px" Text="Modifier" Width="140px" /> 
</div> 
<div> 
    <label id="l3" class="label"> 
    <asp:TextBox ID="Marque" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <label id="l10" class="label">Ram: </label> 
    <asp:TextBox ID="Ram" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <asp:Button CssClass="NButton" ID="Button3" runat="server" Height="38px" Text="Supprimer" Width="140px" /> 
</div> 
<div> 
    <label id="l4" class="label"> 
    <br /> 
    Catégorie:</label> 
    <asp:DropDownList ID="IdCategorie" CssClass="textbox" runat="server" Height="32px" Width="200px"/> 
    <label id="l11" class="label"> Capacité destockage:</label> 
    <asp:TextBox ID="CapaciteSt" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <asp:Button CssClass="NButton" ID="Button4" runat="server" Height="38px" Text="Rechercher" Width="140px" /> 
    </div> 
<div> 
    <label id="l5" class="label"> 
    <br /> 
    Code de fournisseur:</label> 
    <asp:DropDownList ID="CodeFour" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <label id="l12" class="label"></label> 
    <asp:TextBox ID="Remise" class="textbox" runat="server" Height="32px" Width="200px" /> 
    <asp:Label ID="l15" runat="server" CssClass="label" Text="ID Equi:"></asp:Label> 
    <asp:TextBox CssClass="Rtextbox" ID="TextBox1" runat="server" Height="22px" Width="70px"></asp:TextBox> 
</div> 
<div> 
    <label id="l6" class="label"></label> 
    <asp:TextBox ID="Prix" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <label id="l13" class="label">Modele </label> 
    <asp:TextBox Id="Modele" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
</div> 
<div> 
    <label id="l7" class="label"> </label> 
    <asp:TextBox ID="EtatGarantie" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
    <label id="l14" class="label"></label> 
    <asp:TextBox ID="Pouces" CssClass="textbox" runat="server" Height="32px" Width="200px" /> 
</div> 
    <asp:Button CssClass="NButton" ID="Button5" runat="server" Text="&lt;&lt;" Width="55px" /> 

 

Answer 1

テキストボックスを交換する必要はありません。選択されたアイテムによって異なるテクスチャボックスの数が異なるかどうかによって異なります。

その後、あなたのDropDownList AutoPostBack="true"上の最初のセット

あなたは単にあなたが選択した任意の項目に同じテキストボックスを使用することができ、この

protected void ddlProducts_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    txtDOB.Attributes.Add("placeholder", ddlProducts.SelectedItem.Text); 
} 

ようにDropDownListコントロールのSelectedIndexChangedにplaceholdeランタイムを変更することができます。