javascript - 使用 javascript 可见的文本框

Question

我有一个隐藏的文本框和图像按钮。为了避免回发，我试图使用 javascript 在单击图像按钮时使文本框可见。但是单击图像按钮时文本框未显示，而是图像按钮正在移动。这段代码可能有什么问题。

感谢您的帮助

  <asp:TextBox ID="TextBox2" text="From:" style=" visibility: hidden"  runat="server"  BackColor="#999999" BorderColor="Black" BorderStyle="Double"></asp:TextBox>

 <asp:ImageButton ID="ImageButton2" runat="server" BackColor="#99CCFF" 
 BorderColor="#84C1FF" BorderStyle="Outset" OnClientClick="MJavascriptFunction();return false;"  Height="35px" 
ImageUrl="search11.png" Width="56px" />

<script type="text/javascript">

   function MJavascriptFunction(obj) {
       var theControl = document.getElementById("<%=Textbox2.ClientID %>");

       theControl.style.display = "block";

   }

  </script>

Answer 1

改变

theControl.style.display = "block";

至

theControl.style.visibility="visible";

例子

在您的代码中，您将可见性选项设置为“隐藏”，因此您需要在 javscript 中使用相同的属性

或者，您可以将 HTML 内联 CSS 更改为 style="display:none"。

例子