如何在tkinter中动态创建多行文本框并获取内容？

我来帮你搞定这个需求！其实核心就是解决两个问题：一是点击按钮时正确更新行数并新增输入行，二是后续能批量获取所有输入框的数据。下面直接上可运行的完整方案，附带详细解释：

HTML基础结构 #

先搭好页面的基本架子，一个容器用来装所有动态生成的输入行，两个按钮分别负责添加行和获取数据：

<div id="inputContainer"></div>
<button onclick="addRow()">添加一行</button>
<button onclick="getAllData()">获取所有数据</button>

JavaScript核心逻辑 #

接下来写JS代码，解决你遇到的两个核心问题：

// 初始化行数变量，放在全局作用域，确保所有函数都能访问并更新它
let rowCount = 0;

function addRow() {
  // 创建一行的容器div
  const row = document.createElement('div');
  row.className = 'input-row';
  row.dataset.rowIndex = rowCount; // 给行加个索引标识，方便后续对应数据

  // 创建四个输入框
  for (let i = 0; i < 4; i++) {
    const input = document.createElement('input');
    input.type = 'text';
    input.placeholder = `第${rowCount+1}行 - 第${i+1}个输入框`;
    input.className = 'row-input'; // 统一类名，方便批量获取
    row.appendChild(input);
  }

  // 把新行添加到容器里
  document.getElementById('inputContainer').appendChild(row);
  
  // 关键！更新行数变量，这里一定要在添加完行后自增
  rowCount++;
}

function getAllData() {
  // 存储所有数据的数组，每个元素是一行的四个输入值
  const allData = [];
  
  // 获取所有输入行
  const rows = document.querySelectorAll('.input-row');
  
  rows.forEach(row => {
    // 获取当前行的四个输入框
    const inputs = row.querySelectorAll('.row-input');
    // 提取每个输入框的值，存入一个数组
    const rowData = Array.from(inputs).map(input => input.value.trim());
    allData.push(rowData);
  });

  // 这里可以根据需求处理数据，比如打印到控制台或者提交到后端
  console.log('所有输入数据：', allData);
  alert(JSON.stringify(allData)); // 弹窗展示数据，方便测试
}

为什么之前变量没更新？ #

大概率是你的行数变量作用域有问题！比如如果把rowCount定义在addRow函数内部，那每次点击按钮都会重新初始化rowCount = 0，自然无法累计行数。把变量放在全局作用域（或者用闭包、模块模式），就能保证每次点击都能正确更新它的值。

额外优化建议 #

• 可以给每行加个删除按钮，方便用户移除不需要的行（只需要在创建行的时候额外加个删除按钮，点击时移除当前行并调整行数）
• 如果需要提交数据到后端，直接把allData数组转成JSON格式发送即可
• 可以给输入框加一些验证逻辑，比如必填、格式校验等

内容的提问来源于stack exchange，提问作者Ubi