Duvida sobre consumo de api para popular select dependente

Estou com uma duvida sobre como popular minha view , consumindo uma api externa, que me retorna um json, trazendo o conteúdo dela em selects que são dependentes um do outro. Ex:

[
  {
    "nome": "Mocaccino",
    "ingredientes": [
      {
        "categoria": "Cafe",
        "nome": "Extra forte",
        "valor": 3.25
      },
      {
        "categoria": "Leite",
        "nome": "Integral",
        "valor": 1.75
      },
      {
        "categoria": "Cobertura",
        "nome": "Chantily",
        "valor": 2.75
      }
    ]
  },
   {
    "nome": "Chocolate Quente",
    "ingredientes": [
      {
        "categoria": "Cafe",
        "nome": "Extra forte",
        "valor": 3.25
      },
      {
        "categoria": "Leite",
        "nome": "Integral",
        "valor": 1.75
      },
      {
        "categoria": "Cobertura",
        "nome": "Chantily",
        "valor": 2.75
      }
    ]
  },
]

Porque dependendo da escolha do select, a lista de ingredientes e os valores mudam. E estou com dificuldade para alocar essa logica.