Таблица
success: function (data) {
for (var i = 0; i < data.length; i++) {
var trimName = name.replace(/\s+/g, '');
var tr = $('.active').closest('tr').index();
$('<tr class="shown ' + trimName + '">' +
'<td>' + data[i].nameSize + '</td>' +
'<td>' + data[i].kitchenSize + '</td>' +
'<td><input type="checkbox" class="activated" '+(data[i].defaultSize ? 'checked' : '' )+'></td>' +
'<td>' +
'<a class="btn .btn-primary btn-sm editValues" href="#"><i class="fa fa-pencil" aria-hidden="true" onclick="sendValuesToModal()"></i></a>' +
// '<a class="btn btn-danger btn-sm" href="#"><i class="fa fa-trash" aria-hidden="true" onclick="deleteValues()"></i></a></td>' +
'</tr>').insertAfter($('tr:eq(' + (tr + 1) + ')')
);
}
},
function sendValuesToModal() {
$('a').on('click', function() {
var nameSize = $(this).closest('.shown').find('td:eq(0)').text();
var kitchenSize = $(this).closest('.shown').find('td:eq(1)').text();
var defaultSize = $(this).closest('.shown').find('td:eq(2)'); // тут не получается
alert(defaultSize);
$('#editValues').modal('show');
$("input[name=nameSize]").val(nameSize);
$("input[name=kitchenSize]").val(kitchenSize);
$("input[name=defaultSize]").val(defaultSize); // и тут тоже
});
}
<div class="container-fluid">
<div class="row">
<table class="table table-hover table-responsive">
<thead>
<tr class=".info">
<th>Название</th>
<th>Название для кухни</th>
<th>По умолчанию</th>
</tr>
</thead>
<tbody id="records_table">
<tr th:each ="scale : ${scale}" >
<td th:inline="text" class="selectView"><i class="fa fa-angle-right" aria-hidden="true"></i>
[[${scale.nameScale}]]
</td>
<td>
<!--<a class="btn btn-success btn-sm" href="#"><i class="fa fa-pencil" aria-hidden="true"></i></a>
<a class="btn btn-danger btn-sm" href="#"><i class="fa fa-trash" aria-hidden="true"></i></a>-->
</td>
<td></td>
<td>
<button class="btn .btn-primary btn-sm" data-toggle="modal" data-target="#values"><span class="fa fa-plus" aria-hidden="true"></span></button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!--Modal window update Values-->
<div id="editValues" class="modal fade" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Редактировать значения шкалы размеров</h4>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<div class="form-group">
<label for="nameSize">Введите название размера:</label>
<input class="form-control" type="text" id="editNameSize" required="required" name="nameSize">
</div>
<div class="form-group">
<label for="kitchenSize">Введите название для кухни:</label>
<input class="form-control" type="text" id="editKitchenSize" required="required" name="kitchenSize">
</div>
<div class="form-group">
<label for="defaultSize">Установить шкалу по умолчанию:</label>
<input class="form-control" type="checkbox" id="editDefaultSize" required="required" name="defaultSize">
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-success" onclick="editValues()">Сохранить</button>
<button type="button" class="btn btn-danger" data-dismiss="modal">Закрыть</button>
</div>
</div>
</div>
</div>