根據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); 
} 

您可以使用相同的文本框爲您選擇的任何項目。