JavaScript 不会隐藏 asp.net 中的文本区域

JavaScript don't hide text area in asp.net

本文关键字：文本 区域 net asp 隐藏 JavaScript      更新时间：2023-09-26

我在Javascript上遇到了奇怪的问题，我正在尝试实现系统来更新一些东西，当我按下按钮时，我想隐藏除"MainContent_UpdateProgress"之外的所有内容，但文本区域仍然可见。

asp.net 中的文本区域如下所示：

<textarea runat="server" id="serverOutputTextArea" cols="50" rows="30" name="serverOutputTextArea" visible="false">

Javascript代码：

var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_initializeRequest(InitializeRequest);
prm.add_endRequest(EndRequest);
var postBackElement;
function InitializeRequest(sender, args) {
    if (prm.get_isInAsyncPostBack())
        args.set_cancel(true);
    postBackElement = args.get_postBackElement();
    if (postBackElement.id == 'MainContent_UpdateAnalysisSystem') 
    {
        $get('MainContent_serverOutputTextArea').style.display = 'none'; //Doesn't work
        $get('MainContent_UpdateProgress').style.display = 'block'; //Works
        $get('MainContent_ProcessingStatus_Label').style.display = 'none'; //Works
        $get('MainContent_ShowDetails_Button').style.display = 'none';  //Works
    }
}

问题是，文本区域有什么不同？

您是否查看了浏览器的源代码，以查看文本区域的实际 id 是什么？ 可能是您将其放置在其他元素中，并且它继承了更长的 id。

否则，您可以使用以下命令获取 id：<%= serverOutputTextArea.ClientID%>

javascript行看起来像这样：

$get('<%= serverOutputTextArea.ClientID %>').style.display = 'none';

只是为了确认：MainContent_serverOutputTextArea是文本区域的 id 吗？

如果是，您可以转到Firebug并尝试将显示样式属性设置为none吗？或者出于绝望，尝试可见性=隐藏。

但最终，您需要确保$get在 DOM 中选择正确的元素。

更新

嗯......我想我知道发生了什么。你有：

<textarea runat="server" id="serverOutputTextArea" ... visible="false">

您将 runat="server" 添加到文本区域，因此它将是一个服务器控件，如果 Visible 属性为 false，则它根本不会呈现为 HTML。

你知道这意味着什么吗？如果未呈现，您的 JavaScript 将无法看到它并选择它。将 Visible 属性设置为 true，它将起作用。

相关文章：