使用jquery获取隐藏字段的值

时间:2014-10-17 06:24:49

标签: javascript jquery html css asp.net-mvc-4

我有一个通过循环动态生成的表数据。 td包含一个隐藏字段。下面是相同的代码:

<td class="gridtd" id = "r<%=RowNumber%>c<%=ColumnNumber%>">
<input id="hiddendata" type="hidden" value="<%: item.Key%>"/>
</td>

我需要根据使用jQuery选择的td提取隐藏字段的值。请帮我获取正确的jquery代码。

6 个答案:

答案 0 :(得分:2)

只需选择您的输入并获取值(val()):

$("#hiddendata").val();

如果您想获取所有隐藏的输入值:

$("input[type='hidden']").each(function () {
   console.log($(this).val());
});

请注意element ids must be unique

  

我需要根据使用jQuery选择的td提取隐藏字段的值。

如果通过选择表示点击,则只需在获取值时传递this

$("td").on("click", function () {
   console.log(
     $("[type='hidden']", this).val()
   );
});

为了您的一般知识,如果您在点击处理程序中执行$("#hiddendata", this).val();,它将返回正确的值(即使具有相同值的多个ID)。

但绝对是,ID必须是唯一的。

答案 1 :(得分:1)

使用此:

  $('#hiddendata').val();

答案 2 :(得分:0)

$('td').click(
    function(event)
    {
      $(event.target).find('#hiddendata').val();
    }
);

它将根据td选择

给出hiddendata值

答案 3 :(得分:0)

这将为选定的td提供隐藏字段的值。

$('.gridtd').click(function(){
    console.log($(this).find('input').val());
});

答案 4 :(得分:0)

$('.gridtd').click(function(){
    console.log($(this).find('input[type=hidden]').val());
});

答案 5 :(得分:0)

你可以试试这个:

$('.gridtd').each(function(){
    var currentId = $(this).attr('id');
    var hiddenval = $('#'+currentId).find('input[type=hidden]').val();
    alert(hiddenval);
})