根据第一个下拉菜单选择填充第二个下拉菜单
Populating second drop down menu based on first drop down menu selection
我有一个带有两个下拉菜单的表单，我希望根据第一个选择的选项填充第二个下拉菜单，但是第二个下拉菜单数据由 REST API 调用填充。
示例：
下拉列表 1 选择 poc，然后对 https://apiserver/api/poc 进行休息 API 调用，然后特定数据已返回，现在可在下拉列表 2 中找到。
我怎样才能做到这一点？目前的前端是 HTML/CSS、JavaScript，但 Python Flask 上的 运行（希望很快迁移到 Vue/React）。我应该使用 JavaScript 根据 REST API 中的下拉列表 1 选择检索数据吗？有人有这方面的例子吗？
是的，JavaScript可以用来实现上述功能。流程将是，第一个用户将 select 来自第一个下拉列表的值，你必须在第一个下拉列表中监听 onchange 事件并在其 onchange 回调函数中进行 API 调用。然后根据从 API 调用收到的响应添加选项。要添加选项，您必须使用 js.
操作 dom
前段时间我尝试使用静态数据而不是 API（在您的情况下）创建一个包含 3 个下拉列表的类似示例。我在里面用了jQuery。请参考此 github link 以了解有关 dom 操纵的想法。
我有一个带有两个下拉菜单的表单，我希望根据第一个选择的选项填充第二个下拉菜单，但是第二个下拉菜单数据由 REST API 调用填充。
示例： 下拉列表 1 选择 poc，然后对 https://apiserver/api/poc 进行休息 API 调用，然后特定数据已返回，现在可在下拉列表 2 中找到。
我怎样才能做到这一点？目前的前端是 HTML/CSS、JavaScript，但 Python Flask 上的 运行（希望很快迁移到 Vue/React）。我应该使用 JavaScript 根据 REST API 中的下拉列表 1 选择检索数据吗？有人有这方面的例子吗？
是的，JavaScript可以用来实现上述功能。流程将是，第一个用户将 select 来自第一个下拉列表的值，你必须在第一个下拉列表中监听 onchange 事件并在其 onchange 回调函数中进行 API 调用。然后根据从 API 调用收到的响应添加选项。要添加选项，您必须使用 js.
操作 dom前段时间我尝试使用静态数据而不是 API（在您的情况下）创建一个包含 3 个下拉列表的类似示例。我在里面用了jQuery。请参考此 github link 以了解有关 dom 操纵的想法。