语义 UI - 下拉远程内容 - 额外数据

Semantic UI - Dropdown Remote Content -Extra data

本文关键字:程内容 数据 UI 语义      更新时间:2023-09-26

我有一个带有语义 ui 的下拉列表,它使用 api 获取数据,例如:city。

我还有一个输入:邮政编码。我希望当用户在城市中选择选项时,会自动输入邮政编码。

我从 api 中得到了这个答案:

{
"success": true,
"results": [
  {
    "name"  : "Paris - 75000",
    "value" : "paris",
    "postal_code": "75000"
  },
  {
    "name"  : "Manhattan ",
    "value" : "manhattan",
    "postal_code": "10001"
  }
]}

所以我的问题是如何将postal_code与语义 UI 一起使用以填充第二个输入?

提前谢谢你!

我找到了一个解决方案:我使用搜索组件,然后使用回调 onSelect(result, response) 结果对象包含postal_code。

谢谢!