单击时可见文本框

时间:2012-09-10 04:08:14

标签: c# asp.net

当用户点击按钮时,有没有办法让文本框可见?我的意思是,用户只会在单击按钮时看到文本框。在此先感谢您的帮助。有一个好的。

6 个答案:

答案 0 :(得分:4)

按钮上的按钮可见按钮Click事件。

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

您的代码应如下所示:

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

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

参见: Introduction to the UpdatePanels

答案 1 :(得分:0)

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

默认情况下,文本框可见。在属性中,您可以将其设置为false(即,使其不可见)。

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

然后代码隐藏按钮就像:

一样简单
textbox1.visible = true (this is vb code)

这个问题还有什么问题,或者我错过了什么?

答案 2 :(得分:0)

使用样式:

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

点击该按钮再次将其反转。

答案 3 :(得分:0)

页面加载设置:

 TextBox1.Visible = false;

并点击按钮:

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

答案 4 :(得分:0)

如果你在谈论网络。在文档加载时使用jquery或javascript来隐藏文本框,并使用以下代码单击显示文本框。

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


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

答案 5 :(得分:0)

最好将这些操作作为客户端。这样,您就不会将页面发送到服务器进行此简单操作。

将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:...并且有问题找到textbox元素的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" ..... />​