如何在使用javascript单击编辑按钮时使行可编辑？

Question

$('#dependents-info').on('click', '.btn-edit-dependent', function () {
                var currentTD = $(this).parents('tr').find('td');
                //what code will I put here?
            });

我想在点击“编辑”按钮时使行可编辑，我该怎么做？

Answer 1

您需要在td中创建输入字段，然后当您想要保存它们时，使用javascript加载值并存储它们。所以你可以做到

＆＃13;

＆＃13;

$('#dependents-info').on('click', '.btn-edit-dependent', function () {
                var currentTD = $(this).parents('tr').find('td');
               var newInput = currentTD.appendChild("input");
                newInput.setAttribute("id","newInput1");
            });

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以通过添加td使contenteditable="true"可编辑。见下面的代码。

        $('#dependents-info').on('click', '.btn-edit-dependent', function () {
            var currentTD = $(this).parents('tr').find('td');
            currentTD.prop("contenteditable","true");
        });

希望这有帮助。