单击时可见文本框答案

【问题标题】：Visible text box when being clicked单击时可见文本框
【发布时间】：2012-09-10 18:08:24
【问题描述】：

当用户单击按钮时，有什么方法可以使文本框可见？我的意思是，用户只会在单击按钮时看到文本框。提前感谢您对我的帮助。祝你好运。

【问题讨论】：

【解决方案1】：

使按钮在按钮单击事件上可见。

双击按钮以添加 Click 事件处理程序。

您的代码应如下所示：

private void btnShow_Click(object sender, EventArgs e)
{
    txtBox.Visible = true;
}

如果您不希望在执行此操作时刷新整个页面，您可能需要将这些控件包装在 updatePanel 中

参考： Introduction to the UpdatePanels

【讨论】：

【解决方案2】：

使用样式：

textBox.Style.Add("visibility", "hidden");
textBox.Style.Add("display", "none");

一旦点击按钮再次反转它。

【讨论】：

【解决方案3】：

页面加载集：

 TextBox1.Visible = false;

在按钮中点击：

protected void Button1_Click(object sender, System.EventArgs e)  
{  
        TextBox1.Visible = true;  
}

【讨论】：

【解决方案4】：

如果您在谈论网络。在文档加载时使用 jquery 或 javascript 隐藏文本框，并在按钮上使用以下代码单击显示文本框。

$(document).ready(function(){
    $('#textBoxClientID').hide();
});


$('#buttonClientID').click(function(){
    $('#textBoxClientID').show();
});

【讨论】：

【解决方案5】：

最好将这些操作放在客户端。通过这种方式，您不会将页面发送到服务器以进行此简单操作。

给按钮添加onclick触发器，使文本框可见

<input type="button" value="Click Me!"              onclick="javascript:document.all['txtArea'].display='';" />
<input type="text" value="Some text..." style="display:none;" id="txtArea" />

示例：http://jsfiddle.net/r54Et/

同样的方法可以应用于服务器控件。

更新：如果您使用服务器控件 asp:... 并且在查找文本框元素的 id 时遇到问题，asp.net 4.0+ 支持静态名称。这意味着您可以为您的元素设置一个修复名称。另一种解决方法是 asp.net 将客户端生成的 id 保存在 ClientID 属性中。所以在这种情况下，我们将有：

<input type="button" value="Click Me!"              onclick="javascript:document.all['<%=txtArea.ClientID%>'].display='';" />
<asp:textbox tunat="server" Text="Some text..." id="txtArea" ..... />

【讨论】：

【解决方案6】：

这是一个简单的问题还是我错过了什么？

默认情况下，文本框是可见的。在属性中，您可以将其设置为 false（即使其不可见）。

然后在面板上添加一个按钮。

那么代码隐藏按钮就这么简单：

textbox1.visible = true (this is vb code)

这个问题还有其他问题吗？或者我错过了什么？

【讨论】：