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

How to create Hidden Field in table dynamically?

本文关键字：隐藏 字段 创建 何动态 动态      更新时间：2023-09-26

我想创建一个隐藏字段，将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);
});

Thanks in Advance

可以使用选择器$('input[name="hid"]').val()获取<input name='hid'>的值。然而，似乎你有一个.editBtn在每一行，所以你可以尝试使用选择器

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

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

  $hidden = $(' <input type="hidden" name="hid" value="' + row.CountryId + '">');
相关文章：