JS、C# 和 ASP.NET 中的 getElementById().value

Question

我尝试让 C# 和 JS 通过隐藏输入相互通信。我查看了各种论坛和代码，但似乎都没有这个确切的问题。其中许多都存在语法错误，我已尝试对其进行调试。主要是这条线

document.getElementById("Hidden1").value = str;  

似乎不起作用。我尝试在该行之前和之后放置警报消息。将警报放在前面会导致警报弹出，但将其放在后面不会导致警报弹出，这让我更加怀疑这行代码。当我通过 Chrome 浏览器在 Visual Studio 2010 中运行它时，没有显示错误消息。如果有人能提供帮助，我们将不胜感激。

如果我删除更新面板，它仍然无法工作。这实际上是我一开始尝试的，但我认为可能是在单击按钮期间刷新网站时发生的，所以我尝试实现 AJAX updatepanel 属性。

ASP.NET 代码

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master"     AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication10._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
  <asp:ScriptManager ID="ScriptManager1" runat="server"/>
  <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<Triggers>

 <asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
             </Triggers>
             <ContentTemplate>
    <div>
        <input id="Hidden1" type="hidden" name="Hidden1" runat="server"    value="replaceme"     />
        <asp:Button ID="Button1" runat="server" OnClientClick="abc()"  Text="Button" 
            onclick="Button1_Click" />
    </div>
    <div>
    </ContentTemplate>
     </asp:UpdatePanel>
    <script type="text/javascript">
        function abc() {
            var str = "value";
            document.getElementById("Hidden1").value = str;  
        }
</script>
</div>

</asp:Content>

C# 代码

protected void Button1_Click(object sender, EventArgs e)
    {

        MessageBox.Show(Hidden1.Value);
    }

Answer 1

您的问题可能是因为 Hidden1 的 asp.net 控件 id 和客户端 id 不同。查看 HTML 源代码以确保确定，但我认为您需要类似以下内容：

document.getElementById("<%= Hidden1.ClientID %>").value = "Some value";

Answer 2

客户端元素不会有 id“Hidden1”，它将有一个由 ASP.NET 自动生成的 id。

这就是为什么您在客户端遇到问题：document.getElementById('Hidden1') 将返回 null，然后您尝试访问 <该 null 引用的 code>value 属性。

您需要通过 ClientID 属性：

document.getElementById('<%=Hidden1.ClientID%>').value = str;