如何动态创建表中的隐藏字段?

时间:2015-10-03 23:15:20

标签: javascript jquery

我想创建隐藏字段以将id放入其中,之前我从未这样做过......

这是我的代码:

$.ajax({
        url: '/Home/GetCountries',
        type: 'GET',
        datatype: 'Json',
        success: function (data) {
            if (data.length > 0) {
               var $data = $('<table id="mytable" class="t"> </table>').addClass('table table-responsive table-striped');
                var header = "<thead><tr><th>Country ID</th><th>Country</th></tr></thead>";


                $.each(data, function (i, row) {
                    var $row = $('<tr/>');
                    $row.append($('<td/>').html(row.CountryId))
                    $row.append($('<td/>').html(row.CountryName));
                    $hidden = $(' <input type="hidden" name="hid" value=""' + row.CountryId + '">');
                    $row.append($hidden);

请告诉我如何从隐藏字段获取id:

   $(document).on("click", '.editbtn', function () {
                var associateID = $(this).parents("tr").find('td').find(":input").val();
                alert(associateID);
});

先谢谢

1 个答案:

答案 0 :(得分:0)

您可以使用选择器<input name='hid'>获取$('input[name="hid"]').val()的值。但是,您似乎每行都有一个.editBtn,因此您可以尝试使用选择器

  var associateID = $(this).parents('tr').find('input[name="hid"]').val();

我注意到在分配"之后还有一个额外的value,应该只有一个,例如。

  $hidden = $(' <input type="hidden" name="hid" value="' + row.CountryId + '">');