html - 追加する外部 html の ID を含む json ファイルからのデータを div に取り込む方法

Question

オプションが選択されたときにdiv、選択したオプションデータのみを含む生のhtmlファイルからのデータを下に入力する必要があるドロップダウンボックスがあります。

インデックス ファイルにはドロップダウンが保持され、json ファイルにはlondon、paris、new yorkおよびの宛先が保持されます。また、選択されたオプションに対応する html ファイルのファイル名の最初の 3 文字 ( 、などrome) も含まれます。idlondon-weatherparis-weather

ユーザーがドロップダウンボックスを見て都市を選択すると、その都市に対応するjsonがチェックされ、そのファイルのidhtmlがドロップダウンボックスの下に配置されます。iddiv

これが私が持っているjsonファイルです：

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

私のソース html ファイル、たとえばlon_weather(ロンドン用) -div天気アプリからのデータを含む 2 つの s だけで構成されています。

ここで、選択に基づいてjsonファイルから2番目のドロップダウンボックスを作成する例を見つけました。これは私が望むものに非常に近いですが、外部html部分を実行せず、html部分を追加する方法がわかりませんidjson ファイルにあるを使用してそれに追加します。