銀行情報自動入力

初期値なし

銀行名
支店名

初期値あり

銀行名
支店名

初期値誤り

銀行名
支店名

事前準備

※jQueryは必須となります。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- jQuery記述以降に以下を追加する //-->
<script src="https://zengin.race.co.jp/js/vendors/race_bank_picker/init.js"></script>

HTML記述例

<table>
  <tbody>
    <tr>
      <th>銀行名</th>
      <td><input type="text" name="bank_name" value=""></td>
    </tr>
    <tr>
      <th>支店名</th>
      <td><input type="text" name="branch_name" value=""></td>
    </tr>
  </tbody>
</table>

javascript記述例

<script>
// rbp.params[0].bank_name とrbp.params[0].branch_name の値はそれぞれinputタグのname属性の値を記述する
rbp.params = new Array(
    {"bank_name":"bank_name","branch_name":"branch_name"}
);

$(function(){
    rbp.init();  // 銀行情報の読み込みを始める
});
</script>


【複数の銀行名・支店名を設置する場合の記述】
<script>
rbp.params = new Array(
    {"bank_name":"bank_name","branch_name":"branch_name"},
    {"bank_name":"bank_name2","branch_name":"branch_name2"},
    {"bank_name":"bank_name3","branch_name":"branch_name3"}
);
</script>


【銀行情報の読み込み後にコールバック関数を実行する】
</script>
$(function(){
    rbp.init(function(){
        alert('コールバック関数');
    });
});
</script>