如何在Google Apps Script中结合while循环为用户输入添加条件？——下拉框与整数输入联动需求及代码修正求助

首先，咱们先梳理下你原代码里的几个核心问题：

• 你把Google Apps Script的Ui.prompt()弹窗和Web应用的HTML输出混在一起了，这会导致Web页面上看不到整数输入框
• map函数里有语法错误和逻辑错误（比如提前调用未定义的options.getSelecteditem()，大括号不配对）
• HTML结构不完整，缺少整数输入框、完整的<select>标签和提交按钮

关于你问的while循环：其实这个需求不需要用while循环来实现——Web表单是单次交互提交，服务器端处理后可以返回结果让用户继续操作，用while循环反而会阻塞Web应用导致超时。下面是修正后的完整实现方案：

修正后的完整代码 #

1. 服务器端函数（Google Apps Script） #

function doGet() {
  // 打开目标表格
  const sheetUrl = "你的Google表格URL";
  const ap = SpreadsheetApp.openByUrl(sheetUrl);
  const sheet = ap.getSheetByName("lv");
  
  // 获取A2:A10的选项值，过滤空行
  const values = sheet.getRange("A2:A10").getValues()
    .filter(row => row[0] !== "") // 去掉空选项
    .map(row => row[0]);
  
  // 生成下拉选项的HTML
  const optionsHtml = values.map(value => 
    `<option value="${value}">${value}</option>`
  ).join('');
  
  // 构建完整的HTML页面，包含整数输入框和下拉框
  const html = `
    <!DOCTYPE html>
    <html>
      <body>
        <form id="dataForm">
          <div>
            <label>输入整数：</label>
            <input type="number" name="inputNumber" required>
          </div>
          <div>
            <label>选择选项：</label>
            <select name="selectedOption" required>
              ${optionsHtml}
            </select>
          </div>
          <button type="submit">提交</button>
        </form>

        <script>
          // 处理表单提交，发送数据到服务器
          document.getElementById('dataForm').addEventListener('submit', async (e) => {
            e.preventDefault();
            const formData = new FormData(e.target);
            const response = await google.script.run
              .withSuccessHandler(result => alert(result))
              .withFailureHandler(error => alert('提交失败：' + error))
              .processForm(Object.fromEntries(formData));
            
            // 提交成功后重置表单，方便再次输入
            e.target.reset();
          });
        </script>
      </body>
    </html>
  `;
  
  return HtmlService.createHtmlOutput(html);
}

// 服务器端处理表单提交的函数
function processForm(formData) {
  const sheetUrl = "你的Google表格URL";
  const ap = SpreadsheetApp.openByUrl(sheetUrl);
  const sheet = ap.getSheetByName("lv");
  
  const selectedOption = formData.selectedOption;
  const inputNumber = parseInt(formData.inputNumber);
  
  // 验证输入是否为有效整数
  if (isNaN(inputNumber)) {
    return "请输入有效的整数！";
  }
  
  // 找到选中选项对应的行（A列），然后写入到同一行的B列（可根据需求修改列）
  const range = sheet.getRange("A2:A10");
  const values = range.getValues();
  let targetRow = -1;
  
  for (let i = 0; i < values.length; i++) {
    if (values[i][0] === selectedOption) {
      targetRow = i + 2; // 因为从A2开始，所以行号是i+2
      break;
    }
  }
  
  if (targetRow === -1) {
    return "未找到选中的选项！";
  }
  
  // 将整数写入目标单元格，这里假设写入到同一行的B列，可修改为你需要的列
  sheet.getRange(targetRow, 2).setValue(inputNumber);
  
  return `成功将${inputNumber}写入单元格${sheet.getRange(targetRow, 2).getA1Notation()}！`;
}

关键修正点说明 #

1. 添加整数输入框：在HTML里用<input type="number" name="inputNumber" required>实现，required确保用户必须输入值，type="number"限制输入为整数。
2. 正确生成下拉选项：从Sheet的A2:A10获取值后，过滤空行，再映射成合法的<option>标签，确保下拉框正常显示。
3. 表单提交逻辑：用客户端JavaScript监听表单提交事件，通过google.script.run把数据发送到服务器端的processForm函数处理，避免页面刷新。
4. 写入指定单元格：在processForm里遍历A列找到选中选项对应的行，然后写入到目标列（示例中是B列，你可以修改为需要的列，比如第三列就写3）。

关于while循环的补充 #

如果想让用户可以重复输入数据，不需要用服务器端的while循环——我们在客户端脚本里添加了表单重置逻辑，提交成功后表单会清空，用户可以直接再次输入。如果需要更复杂的循环交互（比如用户选择是否继续），可以在成功提示后询问用户，用客户端的confirm弹窗来控制，这样不会阻塞服务器端。

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