在代码背后将Div元素更改为跨度

时间:2015-08-03 19:22:40

标签: javascript c# html css asp.net

dropdown中的buttondiv包含在<td>中,向用户显示信息。现在,用户希望显示与button一致显示的dropdown。这些控件位于用户控件中,在设计(.ascx)中更改此设置将影响使用此用户控件的所有页面,这是我不想要的。我想根据我可以形成if条件的标准来改变它。在决定采取何种方法以及如何做到这一点时,我真正面临挑战。我有以下方法可以做到。

  1. 使用<span>代替div(在.ascx中),但这会影响所有使用其控件的网页
  2. 针对此特定情况(足够公平),将div更改为span {/ 1}}
  3. 根据这个条件为这个div应用一个样式来显示内联。(但是这个功能已经提供了,因此我希望尽可能利用span,这种方法是我最后的选择)。
  4. 以下是一些示例HTML:

    codebehind

    我指的是 <td> <asp:DropDownList ID="DomainValueDropDownList" runat="server" onchange="OnDomainValueChange(this)" AutoPostBack="true" OnSelectedIndexChanged="DomainValueDropDownList_SelectedIndexChanged" Width="200px"> </asp:DropDownList> </td> <td> <asp:Label runat="server" ID="lblNewMessage" Text="New value. Please approve." EnableTheming="false" ForeColor="Red" Visible="false"></asp:Label> <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Input is required." ControlToValidate="DomainValueDropDownList" ForeColor="Red">!</asp:RequiredFieldValidator> </td> </tr> <tr> <div id="NewDomainValueDiv" runat="server" visible="false"> <td> </td> <td> </td> <td> <asp:TextBox ID="newDomainValueTextBox" runat="server" ToolTip="Click the Add button to add this new value"></asp:TextBox> </td> <td> <asp:Button ID="btnAdd" runat="server" Text="Add" OnClick="btnAdd_Click" CausesValidation="False" ToolTip="Click button to add this new value" /> <asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClick="btnCancel_Click" CausesValidation="False" /> <asp:Label ID="infoLbl" runat="server" ForeColor="Red" Text="**New Project will be added to selected Platform. Please select the appropriate platform**" Visible="false"></asp:Label> </td> </div> </tr> <tr> <div id="UpdateDomainValueDiv" runat="server"> <td> </td> <td> <asp:Button ID="btnEdit" runat="server" Text="Edit" OnClick="btnEdit_Click" CausesValidation="False" /> </td> </div> </tr> 按钮和btnEdit下拉列表。

    是否可以动态地将DomainValueDropDownList元素更改为div元素?还有另一种我没想到的方法吗?

0 个答案:

没有答案