Hi,
I'm currently trying to copy over all values from a chosen row to another table.
I can easily get the Javascript working on a conventional table built in html so I'm not sure exactly how the DOM In Forms is different. The below structure works fine for the code I will post below. The only thing I can think is if the TR are already present in table 2. I was able to get this to work fine with the clone function in jQuery but unfortunately we can't save a form as draft if we use this as it does not retain data in the dom.
<tbody> <tr> <td><input checked='checked' type='checkbox' /></td> <td>1</td> <td>1a</td> <td>1b</td> </tr> </tbody> </table>
<table id='table2'> <tbody> </tbody>
$(document).ready(function() { $('#add').on("click", function() { $('#table2 tbody').empty(); var $newrow, $newcolumn; $('#table1 tbody input:checked').parent().parent().each(function() { $newrow = $('<tr></tr>').appendTo($('#table2 tbody')); $("td", this).each(function() { if($("input", this).length == 0) { $newcolumn = $("<td><input type='text' /></td>").appendTo($newrow); $("input", $newcolumn).val($(this).text()); } }); }); }); });
Working fiddle here: https://jsfiddle.net/v5agtrpv/ There must be something different in the format of Laserfiche forms tables to this html table. I have a feeling that : $('#table1 tbody input:checked').parent().parent().each(function() isn't quite right