使用jquery获取隐藏的输入元素ID

Question

我在页面上有一个隐藏的输入字段，我想使用jQuery获取它的ID。我正在使用下面的语句，但它出现为null。有人告诉我这里做错了什么。< / p>

$(document).ready(function()
{
    var hiddenID = $('input[id~="HiddenCounter"]').attr('id');
});

在页面的源视图中，我可以看到我的元素

<input type="hidden" name="longstringgeneratedbyASP.Net_HiddenCounter" id="longstringgeneratedbyASP.Net_HiddenCounter"/>

Answer 1

尝试以下代码：

var hiddenID = $('input[name$="HiddenCounter"]').attr('id');

Answer 2

您可以使用:hidden选择器。例如

$(document).ready(function() {
    var hiddenID = $('input:hidden').attr('id');
});

EDITED

你的id属性为空

<input ... id="" longstringgeneratedbyASP.Net_HiddenCounter"/>

Answer 3

您遇到语法错误，"属性id

的开头有一个额外的id=""long...

<input type="hidden" name="longstringgeneratedbyASP.Net_HiddenCounter" id="longstringgeneratedbyASP.Net_HiddenCounter"/>

也将选择器更改为

var hiddenID = $('input:hidden[id$="HiddenCounter"]').attr('id');

Answer 4

您可以将.NET生成的ID与控件的ClientID属性一起使用。你的javascript看起来像这样：

$(document).ready(function()
{
    var hiddenID = '<%=HiddenCounter.ClientID%>';
});