根據第一個下拉菜單選擇填充第二個下拉菜單

Question

我有一個帶有兩個下拉菜單的表單，我希望根據第一個選擇的選項填充第二個下拉菜單，但是第二個下拉菜單數據由 REST API 調用填充。

示例：下拉 1 被選擇為poc ，然后調用 rest API 到 httpsB50D807BADE5Zhttpsrest API 調用，然后在下拉列表中返回：//apiserver/api/poc和特定數據。

我怎樣才能做到這一點？ 目前前端是 HTML/CSS，JavaScript，但在 Python Flask 上運行（很快就會轉向 Vue/React）。 我應該使用 JavaScript 根據 REST API 中的下拉 1 選擇來檢索數據嗎？ 有沒有人有這方面的例子？

Answer 1

是的，可以使用 JavaScript 來實現上述功能。 流程將是，第一個用戶將 select 從第一個下拉列表中獲取一個值，您必須在第一個下拉列表中監聽 onchange 事件，並在其 onchange 回調 ZC1C425268E683854D1AB5074C14A 中調用 API。 然后根據從 API 調用收到的響應添加選項。 要添加選項，您必須使用 js 操作 dom。

不久前，我嘗試使用 static 數據而不是 API （在您的情況下）創建一個類似的示例，其中包含 3 個下拉列表。 我在其中使用了 jQuery。 請參閱此github 鏈接以了解有關 dom 操作的想法。