我有一个下拉框，当选择选项时，应使用原始html文件中的数据填充下面的div。
索引文件包含下拉列表，json文件包含london，paris，new york和rome的目标，它还包含{{1} } - 与所选选项对应的html文件的文件名的前三个字母，例如id，london-weather等
想法是用户看到下拉框，选择一个城市，然后检查json是否有相应的paris-weather到该城市，并将html放在id的文件中{ {1}}在下拉框下方。
这是我的json文件：
id我的源html文件，例如div（对于伦敦） - 只包含2个{
"Destinations": [
{
"destinationName": "London",
"destinationID": "lon"
},
{
"destinationName": "New York",
"destinationID": "nyc"
},
{
"destinationName": "Paris",
"destinationID": "par"
},
{
"destinationName": "Rome",
"destinationID": "rom"
}]
}
，其中包含来自天气应用的数据。
我找到了一个示例here根据选择从json文件填充第二个下拉框，这非常接近我想要的但是它没有做外部html部分而且我无法工作如何使用json文件中的lon_weather将html部分添加到它。