agregar filas dinamicas a una tabla con datos de otra tabla
Publicado por benito (11 intervenciones) el 11/06/2019 19:43:16
Buenas tardes tengo una duda tengo este codigo quiero mandar a llamar mi base de datos para agregarla a otra tabla pero no se en que parte meter la direccion de mi base de datos y asi poder ir agregando los datos de una tabla a otra anexo codigo.
de antemano gracias por la ayuda
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<?php
function add(button) {
var row = button.parentNode.parentNode;
var cells = row.querySelectorAll('td:not(:last-of-type)');
addToCartTable(cells);
}
function remove() {
var row = this.parentNode.parentNode;
document.querySelector('#target tbody')
.removeChild(row);
}
function addToCartTable(cells) {
var code = cells[1].innerText;
var name = cells[2].innerText;
var price = cells[3].innerText;
var newRow = document.createElement('tr');
newRow.appendChild(createCell(code));
newRow.appendChild(createCell(name));
newRow.appendChild(createCell(price));
var cellInputQty = createCell();
cellInputQty.appendChild(createInputQty());
newRow.appendChild(cellInputQty);
var cellRemoveBtn = createCell();
cellRemoveBtn.appendChild(createRemoveBtn())
newRow.appendChild(cellRemoveBtn);
document.querySelector('#target tbody').appendChild(newRow);
}
function createInputQty() {
var inputQty = document.createElement('input');
inputQty.type = 'number';
inputQty.required = 'true';
inputQty.min = 1;
inputQty.className = 'form-control'
return inputQty;
}
function createRemoveBtn() {
var btnRemove = document.createElement('button');
btnRemove.className = 'btn btn-xs btn-danger';
btnRemove.onclick = remove;
btnRemove.innerText = 'Descartar';
return btnRemove;
}
function createCell(text) {
var td = document.createElement('td');
if(text) {
td.innerText = text;
}
return td;
}
*, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#target td {
/* para centrado vertical de contenido */
vertical-align: middle;
}
?>
de antemano gracias por la ayuda
Valora esta pregunta


0