Javascript 如何编程下拉选项以加载JSON文件？

我正在尝试开发一个javascript web应用程序。在这个应用程序中，我需要各种商业行业的下拉列表（选项：医疗、银行、教育等）。当用户选择一个选项并单击“下一步”按钮时，应用程序需要加载特定于所选选项的JSON文件（Healthcare.JSON、Banking.JSON、Education.JSON等）

我的问题是：如何将下拉列表中的每个选项链接到特定的JSON文件？这样在单击“下一步”按钮时加载JSON文件

我有一个工作列表和按钮（对我来说，这是一个成就），但不知道如何链接JSON并加载它

分问题： 我在哪里存储这些特定于行业的json文件？就在我的javascript代码所在的文件夹中

这是我的第一次申请，因此非常感谢您的帮助

我搜索过软件和谷歌，结果空手而归。我只找到了“如何用json数据填充列表”和“如何从json数组构建动态列表”，这两个都不是我想要的

我希望在单击“下一步”按钮后，工作解决方案只需加载与每个行业关联的JSON文件

提前谢谢

这是我的代码：

这是我的清单：

没有一个
保健
银行业务
教育类
{{vm.name}

这是我的按钮：

下一步

我认为您不需要动态加载JSON数据。 您可以简单地在单个Javascript或Typescript静态文件中定义JSON数据，并直接在Javascript文件中导入该文件。 我假设你使用的是角度，这是我的例子

静态数据

然后在组件ts文件中导入此数据

...
import { data } from 'static-data';
...

现在，您可以在组件ts文件中定义的“下一步”按钮处理程序中使用此数据

e、 g.使用示例代码，您可以在“loadJSON”函数中使用此“data”变量

我相信您知道如何从“材质”下拉列表中获取选定的数据。 我希望这篇文章一定能帮助你。

---

谢谢。

我认为您不需要动态加载JSON数据。 您可以简单地在单个Javascript或Typescript静态文件中定义JSON数据，并直接在Javascript文件中导入该文件。 我假设你使用的是角度，这是我的例子

静态数据

然后在组件ts文件中导入此数据

...
import { data } from 'static-data';
...

现在，您可以在组件ts文件中定义的“下一步”按钮处理程序中使用此数据

e、 g.使用示例代码，您可以在“loadJSON”函数中使用此“data”变量

我相信您知道如何从“材质”下拉列表中获取选定的数据。 我希望这篇文章一定能帮助你。

---

谢谢。

谢谢！请详细说明“loadJSON”函数的外观/功能？我不知道如何从static-data.ts列表中只加载一个特定对象。例如，如果用户单击下拉列表中的“banking”并单击next，我只想加载banking JSON对象（banking:{…}）。谢谢！请详细说明“loadJSON”函数的外观/功能？我不知道如何从static-data.ts列表中只加载一个特定对象。例如，如果用户单击下拉列表中的“banking”并单击next，我只想加载banking JSON对象（banking:{…}）。