JSONファイルから銀行名・支店名を取り出したい

###前提・実現したいこと
以下の構造を持つJSONコードを用いて、HTML、jQueryで
「銀行コードを打つと銀行名が表示される」
「支店コードを打つと支店名が表示される」
というものを作ろうと思っています。

色々と調べてやってみましたが、勝手がわからず、、、
どのような考え方を用いれば良いでしょうか。アドバイスをお願いします。

※なお、自動入力でなくても結構です。
例)「銀行名を取得」などのボタンを付ける、など。

banks.json（銀行）

{
  "0001":{
    "code":"0001",
    "name":"みずほ",
    "kana":"ミズホ",
    "hira":"みずほ",
    "roma":"mizuho"
  },
  "0005":{
    "code":"0005",
    "name":"三菱東京ＵＦＪ",
    "kana":"ミツビシトウキヨウＵＦＪ",
    "hira":"みつびしとうきようＵＦＪ",
    "roma":"mitsubishitoukiyouufj"
  }, 
  ...
  //以上のようなものが続く
  ...
}

0001.json(支店)

{
  "001":{
    "code":"001",
    "name":"東京営業部",
    "kana":"トウキヨウ",
    "hira":"とうきよう",
    "roma":"toukiyou"
  },
  "004":{
    "code":"004",
    "name":"丸の内中央",
    "kana":"マルノウチチユウオウ",
    "hira":"まるのうちちゆうおう",
    "roma":"marunouchichiyuuou"
  },
  ...
  //以上のようなものが続く
  ...
}

###完成イメージ

###ファイル構造

kimurayu

2017/10/25 08:51 編集

銀行名は銀行名で、支店名は支店名で別々にフォームを用意しますか？ 0001 と入力したら、何が出てほしいですか？ nameの値が出ればいいですか？

good_island

2017/10/25 14:49 編集

言葉足らずですいません。上記イメージのようなのが理想です。欲しいのはnameの値です。

行動規範の内容に同意します

回答2件

ベストアンサー

HTML
1<input type="text" id="bank-code" />

JavaScript
1var banks = {
2  "0001":{
3    "code":"0001",
4    "name":"みずほ",
5    "kana":"ミズホ",
6    "hira":"みずほ",
7    "roma":"mizuho"
8  },
9  "0005":{
10    "code":"0005",
11    "name":"三菱東京ＵＦＪ",
12    "kana":"ミツビシトウキヨウＵＦＪ",
13    "hira":"みつびしとうきようＵＦＪ",
14    "roma":"mitsubishitoukiyouufj"
15  }
16};
17
18// 入力された銀行コードを取得
19var bankCode = $("#bank-code").val();
20// 銀行JSONからコードを元に銀行名を取得
21console.log(banks[bankCode].name);
22
23// 以下支店も同じ