1

I have a drop down box that when options are selected should populate a divbelow with the data from a raw html file containing only the selected option data.

索引文件包含下拉菜单，json 文件包含目标，它们是、london和，它还包含一个- 与所选选项相对应的 html 文件的文件名的前三个字母，例如、等。parisnew yorkromeidlondon-weatherparis-weather

这个想法是用户看到下拉框，选择一个城市，然后检查对应于该城市的 json并将该文件id中的 html放入下拉框下方。iddiv

这是我拥有的json文件：

{
  "Destinations": [
  {
    "destinationName": "London",
    "destinationID": "lon"
  },
  {
    "destinationName": "New York",
    "destinationID": "nyc"
  },
  {
    "destinationName": "Paris",
    "destinationID": "par"
  },
  {
    "destinationName": "Rome",
    "destinationID": "rom"
  }]
}

我的源 html 文件，例如lon_weather（用于伦敦） - 仅包含 2 个div包含来自天气应用程序的数据的文件。

我在这里找到了一个示例，它根据选择从 json 文件中填充第二个下拉框，这真的很接近我想要的，但它不执行外部 html 部分，我无法弄清楚如何添加 html 部分使用id在 json 文件中找到的。

4

0 回答 0