根据DropDownList选项替换文本框

Question

当我从DropDownList中选择一个元素时，我想要一个TexBox消失并由另一个在同一确切位置替换。

例如：我有一个DropDownList充满SI设备，笔记本电脑，台式机，显示器等。所以，当我选择显示的RAM，CPU，硬盘必须文本框消失，INCH TextBox应该替换RAM文本框的类别。

这是我的代码：

<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"第一套然后

您可以简单地改变placeholde运行时间上的DropDownList的SelectedIndexChanged这样

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

您可以使用相同的文本框为您选择的任何项目。