使用 jQuery 获取 asp:HiddenField 的值

Question

我有两页。从第一页开始，我打开一个带有查询字符串的模式，该查询字符串保存客户端名称的值。然后我用它在打开的模式上设置隐藏字段。

我需要新模式上的文本框来显示从第一个屏幕发送的值。

我尝试使用以下方法获取值：

var hv = $('hidClientField').val();`

但这似乎不起作用。

这是我的隐藏字段：

<asp:HiddenField ID="hidClientName" runat="server" />`

我将其设置在 Page_Load 后面的代码中，如下所示：

hidClientName.Value = Request.QueryString["Client_Name"] ?? "";`

任何想法将不胜感激。

Answer 1

尝试以下任意操作

1. 如果 ASP.Net 控件和 javascript 都在同一页面上，则使用

   var hv = $("#"+ '<%= hidClientField.ClientID %>').val();
   

2. 如果您想从某个 JS 文件访问该控件，则

   // 'id
   

3. 你可以使用类名选择器来实现同样的目的。查看这个类似的问题。

在 asp.net 中，控件 id 被破坏。因此，您的代码无法正常工作。

希望这对你有用。

将导致 jQuery 搜索 ID 以 'hidClientField' 结尾的控件 var hv = $('input[id$=hidClientField]').val();

你可以使用类名选择器来实现同样的目的。查看这个类似的问题。

在 asp.net 中，控件 id 被破坏。因此，您的代码无法正常工作。

希望这对你有用。

Answer 2

您忘记了选择器中的 # 以通过 ID 进行选择：

var hv = $('#hidClientField').val();

尽管 ASP.NET 会根据命名容器生成 ID，因此您最终可能会得到像 ctl1$hidClientField 这样的 ID。然后，您可以使用“属性结尾为”选择器：

var hv = $('input[id$=hidClientField]').val();

查看有关 jQuery 选择器 的文档

Answer 3

使用 ID 选择器。

var hv = $('#hidClientName').val();

或者

var hv = $('#<%=hidClientName.ClientID%>').val();

Answer 4

因为 jQuery 对 asp:HiddenField 一无所知。它会在 HTML 结构中查找 。因此没有 ID= HiddenFieldServerDateTime 的输入。有几种方法可以克服这个问题：

• 使用 css 选择器：

  使用以下选择器：var serverDateTime = $(".SomeStyle").val();

  CssClass 不是 HiddenField 类（并且它没有 属性 集合，因此您无法手动添加）。

• 使用ClientID属性：

  var serverDateTime = $("#<%= HiddenFieldServerDateTime.ClientID %>").val();
  

• 将隐藏字段包含在您可以选择的内容中：

  ;
    
  
  

   

  var serverDateTime = $('.date-time-wrap input[type=hidden]').val();
  

Answer 5

如果您使用 Asp.net 控件，服务器将破坏控件 ID。它在 id 中添加了一堆无关的控制树层次结构信息。您需要引用正在呈现的实际 id 是什么，这可以通过控件上的 ClientID 属性 (hfUser.ClientID) 获得，或者以不同的、更迂回的方式访问您的控件，例如找到控件的父级，然后搜索其父级。孩子们找到你的控制权。

如果您不必使用 asp.net HiddenField 控件，请尝试仅使用常规的旧 html 输入。

Answer 6

你可以这样做

var hval = $('#<%= hdMarkupPercentage.ClientID%>').val();

Answer 7

请尝试这段代码。

 var hv = $("#<%= hidClientField.ClientID %>").val();

Answer 8

在代码中包含 ClientIDMode="Static"。

var obj = $('#hidClientName').val();

或

var obj = $('#<%=hidClientName.ClientID%>') .val();