c# - 将值从代码隐藏传递到 Javascript

Question

我正在使用 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";
}

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

Answer 1

您需要获取隐藏输入的呈现 ID

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

从您在服务器上运行输入的那一刻起，最好使用 asp:HiddenField 而不是 input