如何创建动态下拉框以根据地块信息自动更新状态值？

javascript

2024-03-20 11:50:09

动态下拉框：根据地块信息自动更新状态值

问题：

在需要收集地块信息和相关状态的表单中，希望根据用户选择的地块自动检索并显示关联的最大状态值。

解决方法：

1. 准备谷歌表格：

在谷歌表格中创建一个名为“状态”的工作表，其中：

A 列： 地块名称
B 列： 最大状态值（如“谈判”）

2. 创建 Apps Script 函数：

function getMaxStatusForParcel(parcel) {
  // ... （获取表格数据并查找最大状态值的代码）
}

3. HTML 下拉框：

使用 onchange 事件触发 getMaxStatusForParcel 函数。

<select name="parcel" id="parcel" onchange="getMaxStatusForParcel(this.value)">
  <option value=""></option>
  <!-- 填充地块选项 -->
</select>

4. 填充状态下拉框：

创建 getStatusOptions 函数，用于根据地块信息生成状态下拉框选项。

function getStatusOptions(parcel, maxStatus) {
  // ... （生成下拉框选项的代码）
}

5. 更新状态下拉框：

使用 google.script.run 函数调用 Apps Script 函数，并使用成功处理函数更新状态下拉框选项。

完整 HTML 代码：

<select name="parcel" id="parcel" onchange="getMaxStatusForParcel(this.value)">
  <option value=""></option>
  <!-- 填充地块选项 -->
</select>

<select name="status" id="status">
  <!-- 使用 getStatusOptions() 填充状态选项 -->
</select>