主页 / 问题 / 938033
Accepted
Denis640Kb
Asked:2020-01-29 16:08:29 +0000 UTC2020-01-29 16:08:29 +0000 UTC

编号生成的js字段

  • 772

大家好。有表功能

function addField (argument) {
            var myTable = document.getElementById("mineTable");
            var currentIndex = myTable.rows.length;
            var currentRow = myTable.insertRow(-1);

            var valinRuss = document.createElement("textarea");
            valinRuss.setAttribute("name", "valinRuss" + currentIndex);

            var valinEng = document.createElement("textarea");
            valinEng.setAttribute("name", "valinEng" + currentIndex);

            var valinKaz = document.createElement("textarea");
            valinKaz.setAttribute("name", "valinKaz" + currentIndex);

            var td1 = document.createElement("td1");
            td1.setAttribute("name", "td1" + currentIndex);

            var currentCell = currentRow.insertCell(-1);
            currentCell.appendChild(td1);

            currentCell = currentRow.insertCell(-1);
            currentCell.appendChild(valinRuss);

            currentCell = currentRow.insertCell(-1);
            currentCell.appendChild(valinEng);

            currentCell = currentRow.insertCell(-1);
            currentCell.appendChild(valinKaz);

        }

html中的表格如下：

<table id="mineTable">
    <tr>
        <th>Заголовок1</th>
    </tr>
    <tr>
    <input type="button" class="button" value="+" onclick="addField();">
    </tr>
    <tr>
        <td></td>
        <td>Знач 1</td>
        <td>Знач 2</td>
        <td>Знач 3</td>
    </tr>
        <tr>
            <td name="td1">1</td>
            <td><textarea name="valinRuss">123</textarea></td>
            <td><textarea name="valinEng"></textarea></td>
            <td><textarea name="valinKaz"></textarea></td>
        </tr>
    </table>
</table>

你能告诉我如何使第一个字段的名称编号吗？例如：1（接下来的 3 个输入字段）2（接下来的 3 个输入字段）3（接下来的 3 个输入字段）4 ...

javascript

1 个回答

  1. Best Answer

    在函数外部创建一个计数器变量，将数字 2（第二行输入的数量）写入其中，单击时，在第一个单元格中显示该值（<td name="td1">）并将该值增加 1：

    var count = 2;
function addField (argument) {
  var myTable = document.getElementById("mineTable");
  var currentIndex = myTable.rows.length;
  var currentRow = myTable.insertRow(-1);

  var valinRuss = document.createElement("textarea");
  valinRuss.setAttribute("name", "valinRuss" + currentIndex);

  var valinEng = document.createElement("textarea");
  valinEng.setAttribute("name", "valinEng" + currentIndex);

  var valinKaz = document.createElement("textarea");
  valinKaz.setAttribute("name", "valinKaz" + currentIndex);

  var td1 = document.createElement("td1");
  td1.setAttribute("name", "td1" + currentIndex);
  td1.innerHTML = count;

  var currentCell = currentRow.insertCell(-1);
  currentCell.appendChild(td1);

  currentCell = currentRow.insertCell(-1);
  currentCell.appendChild(valinRuss);

  currentCell = currentRow.insertCell(-1);
  currentCell.appendChild(valinEng);

  currentCell = currentRow.insertCell(-1);
  currentCell.appendChild(valinKaz);
  
  count++;
}

document.getElementsByClassName('button')[0].onclick = function(){
  addField();
}
    <table id="mineTable">
    <tr>
        <th>Заголовок1</th>
    </tr>
    <tr>
    <input type="button" class="button" value="+">
    </tr>
    <tr>
        <td></td>
        <td>Знач 1</td>
        <td>Знач 2</td>
        <td>Знач 3</td>
    </tr>
        <tr>
            <td name="td1">1</td>
            <td><textarea name="valinRuss">123</textarea></td>
            <td><textarea name="valinEng"></textarea></td>
            <td><textarea name="valinKaz"></textarea></td>
        </tr>
    </table>

    • 2

相关问题