.net 当其他Div可见时打开隐藏Div
我的aspx页面中有以下代码:.net 当其他Div可见时打开隐藏Div,.net,javascript,jquery,.net,Javascript,Jquery,我的aspx页面中有以下代码: <div id="FormContainer"> <div id="leftSection"> <h1> Contact Us</h1> <div id="intro"> <p>
<div id="FormContainer">
<div id="leftSection">
<h1>
Contact Us</h1>
<div id="intro">
<p>
Contact PLI</p>
<p>
</p>
</div>
<esp:contactus id="ContactUs" runat="server" />
</div>
</div>
联系我们
接触PLI
下面给出了一些来自我上面的用户控件(esp:contactus)的代码
<div id="divMain" runat="server">
<div class="leftColumn">
<span id="ContactUs_lblFirstName" class="details">First name:<span class="asterisk" title="This field is mandatory">*</span></span>
<input name="ContactUs$txtFirstname" type="text" maxlength="50" id="ContactUs_txtFirstname" />
<span id="ContactUs_rfvFirstName" style="color:Red;visibility:hidden;">Please type your forename here</span>
<span id="ContactUs_lblFamilyName" class="details">Family name:<span class="asterisk" title="This field is mandatory">*</span></span>
<input name="ContactUs$txtFamilyName" type="text" maxlength="50" id="ContactUs_txtFamilyName" />
<span id="ContactUs_rfvFamilyName" style="color:Red;visibility:hidden;">Please type your family name here</span>
<span id="ContactUs_lblAddress1" class="details">Address 1<span class="asterisk" title="This field is mandatory">*</span></span>
<input name="ContactUs$txtAddress1" type="text" maxlength="50" id="ContactUs_txtAddress1" />
<span id="ContactUs_rfvAddress1" style="color:Red;visibility:hidden;">Please enter the first line of your address</span>
<span id="ContactUs_lblAddress2" class="details">Address 2</span>
<input name="ContactUs$txtAddress2" type="text" maxlength="50" id="ContactUs_txtAddress2" />
<asp:button id="btnSubmit" cssclass="submitBTN" text="Submit"
onclick="Submit_Click" runat="server" />
</div>
</div>
<div id="divThanksmsg" runat="server">
Thank you for your enquiry.
</div>
名字:*
请在这里输入你的名字
姓氏:*
请在这里输入您的姓
地址1*
请输入您地址的第一行
地址2
谢谢你的询问。
如果您看到my usercontrol中有submit按钮,则在验证所有上述字段后,它将显示Thankyu div(divThanksmssg)
当用户单击submit按钮时,在验证字段my Thankyu div(divThanksmsg)后,它将验证所有表单。但是如果您在我的aspx页面中看到上面的div,并且id为(intro),那么它每次都是可见的。我希望这个div应该在我的thankYou div可见时隐藏起来
请建议 如果我理解正确,您希望在显示“divsMsg”时隐藏“intro”div。要使其工作,您需要在“intro”-div上使用一个“runat=server”,然后在代码中的这一行:
divsMsg.Visible=true
您需要添加intro.Visible=false代码>我看到您将div(divTanksmsg和divMain)都标记为在服务器上运行。
通过将标记修改为,可以首先将SMSG初始化为隐藏
<div id="divThanksmsg" visible="false" runat="server">
您是否考虑过使用javascript隐藏介绍消息?执行验证后只需注入一点。可能会存储一个标志,以便您知道何时应该重新添加或删除该js
不过,老实说,这听起来像是一个经过深思熟虑的设计中不应该出现的情况。您可以粘贴当前的脚本吗。没有编写javascript,所有代码都写在我的ascx.cs文件中。我的意思是,如果你看到我的intro div在divMain上面,那就是服务器端代码。我的简介div在aspx中,divMain在usercontrol中。我的简介div在aspx页面中。如何在usercontrol代码中找到它的id。然后如何切换divThanksmsg的可见性?我在ascx.cs代码中检查页面有效条件,如果页面有效,则执行divMain.Visible=false;Visible=true;
divThanksmsg.Visible = true;
divMain.Visible = false;