Как распечатать входное значение из динамической таблицы, созданной с помощью JavaScript

avatar
Minju Kang
8 августа 2021 в 16:00
50
0
0

Позвольте мне задать несколько вопросов о динамической таблице, созданной с помощью JavaScript.

Вот мои коды.

var num;
var tag = "<table id='dytable'>";
var data = document.getElementById("table1");

function makingtable(a1) {
  var b1 = parseInt(a1);
  num = b1;
  for (var j = 1; j <= b1; j++) {
    tag += "<tr>"
    for (var i = 1; i <= 1; i++) {
      tag += "<td class = 'autoInc'>";
      tag += "<input type = 'text' id='one'>";
      tag += "</td>";
      tag += "<td class = 'autoInc'>";
      tag += "<input type = 'text' id='two'>";
      tag += "</td>";
    }
    tag += "</tr>";
  }
  tag += "</table>";
  area.innerHTML = tag;
}

function printingTable() {
  var tag1 = "<table>";

  for (i = 1; i <= num; i++) {
    tag1 += "<tr>";
    for (j = 0; j <= 1; j++) {
      tag1 += "<td>";
      // ???
      tag1 += "</td>";
    }
    tag1 += "</tr>";
  }

  tag1 += "</table>";
  area1.innerHTML = tag1;
}
the number of words: <input type="number" id="txt1">
<button onclick="makingtable(txt1.value)">enter</button>
<div id="area"></div>
<hr/>
<button onclick="printingTable()">print</button>
<div id="area1"></div>
  1. Я хочу ввести значения во все столбцы динамической таблицы, а затем создать таблицу того же размера, что и предыдущая, и распечатать ее.

  2. Есть ли способ добавить код к части, отмеченной тремя вопросительными знаками, в функции с именем printingTable()?

  3. На самом деле, моя конечная цель — хранить все введенные значения в динамической таблице и выводить их случайным образом. Есть ли хороший способ достичь моей цели?

  • Я долго искал, как печатать с использованием массива в JavaScript, но не смог найти.
Источник
Barmar
8 августа 2021 в 16:04
0

ID должны быть уникальными. Вы не можете использовать одни и те же id="one" и id="two" в каждой строке входной таблицы.

Heretic Monkey
8 августа 2021 в 16:07
0

for (var i = 1; i <= 1; i++) не является циклом, так как он запускается один раз и завершается....

Barmar
8 августа 2021 в 16:08
0

Вы можете использовать area.rows[i-1].cells[j].querySelector("input").value, чтобы получить значение ввода в соответствующей ячейке таблицы ввода.

Ответы (0)