java脚本：rowcount = x为什么${rowcount + 1}总是显示1

Question

我想通过名称传递值

c_lastname31_2 c_lastname31_3 c_lastname31_4

但它总是

c_lastname31_1

function addRow() {
        const tableBody = document.querySelector("table tbody");

        // จำกัดจำนวนแถวไม่เกิน 20
        if (rowcount >= 20) {
            alert("คุณไม่สามารถเพิ่มแถวได้เกิน 20 แถว");
            return;
        }

        // เพิ่มแถวใหม่
        const newRow = tableBody.insertRow();

        // เพิ่มเซลล์และเนื้อหาในแต่ละเซลล์
        const newCellIndex = newRow.insertCell(0);
        newCellIndex.textContent = ${rowcount + 1}; // หมายเลขแถว

        newRow.insertCell(1).innerHTML = `<input type="text" name="c_lastname31_${rowcount + 1}" maxlength="200" />`;
        newRow.insertCell(2).innerHTML = `<input type="checkbox" name="f_DesignatedPersonsY31_${rowcount + 1}" value="Y" />`;
        newRow.insertCell(3).innerHTML = `<input type="checkbox" name="f_DesignatedPersonsN31_${rowcount + 1}" value="Y" />`;
        newRow.insertCell(4).innerHTML = `<input type="checkbox" name="f_BasicOffenceY31_${rowcount + 1}" value="Y" />`;
        newRow.insertCell(5).innerHTML = `<input type="checkbox" name="f_BasicOffenceN31_${rowcount + 1}" value="Y" />`;

        // ปุ่มลบ
        newRow.insertCell(6).innerHTML = `<button type="button" onclick="removeRow(this)">ลบ</button>`;

        // เพิ่มค่า rowcount
        rowcount++;
        localStorage.setItem('rowcount', rowcount);
    }

Answer 1

您是否尝试过在设置为名称属性之前先对“rowcount”进行增量？

function addRow() {
    const tableBody = document.querySelector("table tbody");

    // จำกัดจำนวนแถวไม่เกิน 20
    if (rowcount >= 20) {
        alert("คุณไม่สามารถเพิ่มแถวได้เกิน 20 แถว");
        return;
    }

rowcount++;

    // เพิ่มแถวใหม่
    const newRow = tableBody.insertRow();

    // เพิ่มเซลล์และเนื้อหาในแต่ละเซลล์
    const newCellIndex = newRow.insertCell(0);
    newCellIndex.textContent = ${rowcount + 1}; // หมายเลขแถว


    newRow.insertCell(1).innerHTML = `<input type="text" name="c_lastname31_${rowcount}" maxlength="200" />`;
    newRow.insertCell(2).innerHTML = `<input type="checkbox" name="f_DesignatedPersonsY31_${rowcount + 1}" value="Y" />`;
    newRow.insertCell(3).innerHTML = `<input type="checkbox" name="f_DesignatedPersonsN31_${rowcount + 1}" value="Y" />`;
    newRow.insertCell(4).innerHTML = `<input type="checkbox" name="f_BasicOffenceY31_${rowcount + 1}" value="Y" />`;
    newRow.insertCell(5).innerHTML = `<input type="checkbox" name="f_BasicOffenceN31_${rowcount + 1}" value="Y" />`;

    // ปุ่มลบ
    newRow.insertCell(6).innerHTML = `<button type="button" onclick="removeRow(this)">ลบ</button>`;

    // เพิ่มค่า rowcount
    localStorage.setItem('rowcount', rowcount);
}