Как я могу узнать, сколько входных данных имеется в каждой ячейке динамической таблицы? - PullRequest
Новая
       15

Как я могу узнать, сколько входных данных имеется в каждой ячейке динамической таблицы?

1 голос
/ 25 апреля 2019

Я создал динамическую таблицу javascript, где строка добавляется при каждом нажатии кнопки, теперь у меня есть кнопка, которая добавляет дополнительные поля ввода в определенные столбцы последней строки.

В любом случае мне нужно знать, сколько входов было добавлено в КАЖДУЮ строку, чтобы сделать некоторые вычисления с соответствующими входами и поместить результат в последний столбец каждой строки.

Итак, я не понимаю, как назначить «id» каждому новому iput, чтобы было понятно, какая это строка и какой вход (первый, второй?), Чтобы позже я мог обратиться к этим входам. ..

Что мне удалось сделать, так это назначить всем входам класс и подсчитать, сколько входов имеется во всей таблице и назначить идентификаторы соответственно (1, 2 ..). Но это не удовлетворяет меня, потому что я хочу, чтобы счет начинался заново, если это другой ряд. Извините, я новичок в этом. 

function addROW ()

{
var T = document.getElementById ('tbl');
var ro = T.insertRow (-1);
for (var j = 0, J = T.rows [0].cells.length; j < J; j++)
   {
   var inp = document.createElement ('input');
   inp.id = inp.value = 'n' + (T.rows.length - 1) +'_' + j+'_'+'1';
   var ce = ro.insertCell (-1);
   ce.appendChild (inp);
   }
}


function addINPUT ()
{  
   var T = document.getElementById ('tbl');
   x = T.rows.length-1;

   var ro = T.insertRow (-1);
   for (var j = 0, J = T.rows [0].cells.length; j < J; j++)
   {
   var inp = document.createElement ('input');
   var ce = ro.insertCell (-1);
   ce.appendChild (inp);
   }

   T.rows[x].cells[2].innerHTML = T.rows[x].cells[2].innerHTML + T.rows[x+1].cells[2].innerHTML;
   T.rows[x].cells[3].innerHTML = T.rows[x].cells[3].innerHTML + T.rows[x+1].cells[3].innerHTML;
   T.rows[x].cells[4].innerHTML = T.rows[x].cells[4].innerHTML + T.rows[x+1].cells[4].innerHTML;
   T.deleteRow(x+1);

}
...