在 ASP.NET 4.5 中将值设置为 HiddenField

Question

我在为 ASP.NET 4.5 中的 HiddenField 设置值时遇到了一些问题。

据我所见，我尝试了以下方法，但没有任何运气：

在 ASPX 中：

<asp:HiddenField ID="HiddenField" runat="server" value="" />
<script type="text/javascript">
    function SetHiddenField() {
        var vv = "HELLO WORLD";
        document.getElementById('<%=HiddenField.ClientID%>').value = vv;            
    }
</script>

在代码隐藏中：

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "SetHiddenField", "SetHiddenField();", true);
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "alert", "alert('" + HiddenField.ClientID + "');", true);

这会在 ClientID 中提醒垃圾。

我尝试过的另一个解决方案如下。

在 .ASPX 中：

<asp:HiddenField ID="HiddenField" runat="server" value="" />
<script type="text/javascript">
    function SetHiddenField() {
        var vv = "HELLO WORLD";
        document.getElementById('HiddenField').value = vv;            
    }
</script>

这里的一个问题是 IntelliSense 中不存在 .value，只有 .ValueOf。

在代码隐藏中：

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "SetHiddenField", "SetHiddenField();", true);
ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "alert", "alert('" + HiddenField.Value + "');", true);

什么都没有发生，可能是 JavaScript 中的错误，因为没有显示警报。

谁能指点我正确的方向，好吗？

Answer 1

您的第一个标记很好：

<asp:HiddenField ID="HiddenField" runat="server" value="" />
<script type="text/javascript">
    function SetHiddenField() {
        var vv = "HELLO WORLD";
        document.getElementById('<%=HiddenField.ClientID%>').value = vv;
    }
</script>

把代码改成这样（检查第二行）：

 ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "SetHiddenField", "SetHiddenField();", true);
 ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "alert", "alert(document.getElementById('" + HiddenField.ClientID + "').value);", true);

输出应该是这样的：

编辑： 在您的场景中，您可以运行 javascript 来获取一个值并强制回发以在您的代码中使用该值。我会将我的标记更改为：

<script type="text/javascript">
    function SetHiddenField() {
        var vv = "HELLO WORLD";
        document.getElementById('<%=HiddenField.ClientID%>').value = vv;
        __doPostBack('<%=HiddenField.ClientID%>', '')
    }
</script>

在代码中，我的 Page_Load 如下所示：

protected void Page_Load(object sender, EventArgs e)
{

    if (!IsPostBack)
    {
        // Register JavaScript which will collect the value and assign to HiddenField and trigger a postback
        ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "SetHiddenField", "SetHiddenField();", true); 
    }
    else 
    {
        //Also, I would add other checking to make sure that this is posted back by our script
        string ControlID = string.Empty;
        if (!String.IsNullOrEmpty(Request.Form["__EVENTTARGET"]))
        {
            ControlID = Request.Form["__EVENTTARGET"];
        }
        if (ControlID == HiddenField.ClientID) 
        { 
            //On postback do our operation
            string myVal = HiddenField.Value;
            //etc...
        }
    }

}

Answer 2

在隐藏字段标签中添加clientid static 这样 -

<asp:HiddenField ID="HiddenField" runat="server" value="" ClientIDMode="Static" />

这样 ASP.Net 将不会用动态 ID 替换它，并且始终具有您提供的 ID，因此它现在将具有 ID HiddenField。那么你的第二次尝试应该会奏效。

更多可以在这里找到 -

http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode(v=vs.110).aspx