在javascript中访问ASP HiddenField

时间:2012-01-04 02:25:48

标签: c# javascript asp.net

我一直在这里搜索和谷歌几天,试图弄清楚为什么我不能在javascript中获得隐藏字段变量的值。访问时,该值将返回undefined。
我在UpdatePanel中有一个ASP HiddenField,它是.aspx网页中自定义用户控件的一部分(标准问题)。

在我的用户控件中,我需要在C#中设置后在javascript中获取HiddenField(hdnServer)的.Value。但由于某种原因,以下内容没有得到正确的值。

C#代码中的MessageBox返回正确的值(这里的代码有测试值),但是在javascript中访问时未定义。

userControl.ascx:

//this function is called when the timer created in document.ready() elapses
//returns the correct hdnServer value in the check. 
    var checkHdn = function () {
        var temp = document.getElementById("<%=hdnServer.ClientID%>").value;
        temp = temp.toString();
        if (temp != "") {
            $('#LoadingViewer').hide();
            clearInterval(checkSrv);

            //enable start button
            $('#startBtn').attr("Enabled", "true");
        }
    };

  function RdpConnect() {

                //serverName = undefined here.  should be ip address when set in c# 
                var serverName = document.getElementById("<%= hdnServer.ClientID %>").value;
                alert(serverName);
                if (serverName != "") {
                    MsRdpClient.Server = serverName;
                }
            };

userControl.ascx.cs代码隐藏:

public partial class userControl : System.Web.UI.UserControl
    {
        System.Timers.Timer timer; 

        protected void Page_Load(object sender, EventArgs e)
        {
            timer = new System.Timers.Timer(5000);
            timer.Start();
        }

        protected void testOnTick(object sender, System.Timers.ElapsedEventArgs e)
        {
                hdnServer.Value = "test value";
                startBtn.Enabled = true;
                timer.Enabled = false;
        }
    }

以下是HiddenField的asp:userControl.ascx:

<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
    <Triggers>
         <!--trigger not used  -->
       <!-- <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />-->
    </Triggers>
    <ContentTemplate>
        <asp:HiddenField ID="hdnServer" runat="server" />
        <asp:Label ID="Label1" Text="Loading, please wait." CssClass="loading" runat="server"
            Font-Size="XX-Large" />
    </ContentTemplate>
</asp:UpdatePanel>

提前感谢您的任何建议!

编辑:消息框已删除.. 这里呈现的是html:http://pastie.org/3122247

5 个答案:

答案 0 :(得分:6)

如果你想简化它,你需要设置ClientIDMode:

<asp:HiddenField runat="server" ClientIDMode="Static" Id="hidServer"/>

<script type="text/javascript">
  alert($("#hidServer").val());
</script>

或者,如果未设置ClientIDMode,请使用ClientID属性:

<asp:HiddenField runat="server" Id="hidServer"/>

<script type="text/javascript">
  alert($("<%= hidServer.ClientID %>").val());
</script>

答案 1 :(得分:3)

用户控件一直是一个奇怪的问题,使用js然后使用母版页进行引用。

对于隐藏字段,请执行以下操作:

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

在js中,执行此操作:

var serverName = document.getElementById('hdnServer').value;

答案 2 :(得分:2)

您需要使用'而不是" 像:

var serverName = document.getElementById('<%= hdnServer.ClientID %>').value;

小心不要使用"。您只使用'

答案 3 :(得分:1)

试试这个:

var temp = $('#mytestcontrol_hdnServer').val();

答案 4 :(得分:0)

你可以这样做:

var temp = $('#hdnServer').val();

而不是:

var temp = document.getElementById("<%=hdnServer.ClientID%>").value;

同样改变这个:

var serverName = document.getElementById("<%= hdnServer.ClientID %>").value;

对此:

var serverName = $('#hdnServer').val();