将值从代码后面传递给Javascript

如何解决将值从代码后面传递给Javascript

| 我正在使用jQueryUI ProgressBar向用户显示他们已使用了多少允许的文件存储。百分比是在后台代码中计算的，应该传递给Javascript。 Aspx代码

    <asp:Content ID=\"Content1\" ContentPlaceHolderID=\"HeadContent\" runat=\"server\">
        <script type=\"text/javascript\">
            $(function () {
                var pct = document.getElementById(\"filesPercentage\").value;
                $(\"#progressbar\").progressbar({
                    value: pct
                });
            });
        </script>
    </asp:Content>

    <asp:Content ID=\"Content2\" ContentPlaceHolderID=\"MainContent\" runat=\"server\">
      ...
     <input type=\"hidden\" runat=\"server\" id=\"filesPercentage\" />                      
     <div id=\"progressbar\"></div>         
      ...
    </asp:Content>

背后的代码

protected void Page_Load(object sender,EventArgs e)
{
   filesPercentage.Value = \"85\";
}

似乎无法从隐藏字段中获取百分比数字。任何帮助，将不胜感激。     

解决方法

由于您的隐藏字段是服务器控件，因此可能是ID生成的内容不是ѭ2other（可能是

ctl00_ctl00_filesPercentage

） 您可能需要将生成的客户端ID应用于javascript

document.getElementById(\"<%=filesPercentage.ClientID%>\").value;

或使用其他方式选择隐藏值，例如

$(\'[hidden\'s parent element] input[type=\"hidden\"]\').val()

此外，progressbar值似乎需要一个数字，因此您可能需要执行

value: pct * 1

或

value: parseInt(pct)

http://jsfiddle.net/pxfunc/QyZSs/     ,您需要获取隐藏输入的渲染ID

var pct = document.getElementById(\"<%=filesPercentage.ClientID%>\").value;

从您在服务器上运行输入的那一刻起，最好使用

asp:HiddenField

而不是

input

    ,尝试这个

var pct = document.getElementById(\"<%=filesPercentage.ClientID %>\").value;

    ,.net将修改您提供的控件的ID，以确保它是唯一的，因此您不能使用正确的ID访问它。如果为隐藏字段赋予唯一的类名，则可以通过以下方式访问值：

<input type=\"hidden\" runat=\"server\" id=\"filesPercentage\" class=\"hiddenClass\" /> 
var pct = $(\'.hiddenClass\').val();

    ,这有点干净恕我直言:-)

$(\"#progressbar\").progressbar({
  value: $(\"#<%=filesPercentage.ClientID%>\").val()
});