ajaxzip3で都道府県を２箇所に出力させたい。

Question

現在、ajaxzip3というライブラリーを使ってフォームに郵便番号を入力すると自動的に都道府県と市区町村が入力される様なフォームを構築しております。
（ https://github.com/ajaxzip3/ajaxzip3.github.io ）
住所自体は問題なく自動入力されます。

現状

現在のフォームの住所の箇所はフィールドとなっております。
・ 郵便番号 （input）
・ 都道府県 （select）
・ 市区町村 （input）
郵便番号を入力すると自動的に都道府県が選択され、市区町村も入力されます。

<script src="https://ajaxzip3.github.io/ajaxzip3.js"></script>
<input name="postcode" type="text" id="postcode" onkeyup="AjaxZip3.zip2addr(this,'','state','city');">
<select name="state" id="state">
  <option value="" selected="">オプションを選択…</option>
  <option value="01">北海道</option>
  <option value="02">青森県</option>
  <option value="03">岩手県</option>
  <option value="04">宮城県</option>
  <option value="05">秋田県</option>
  .
  .
  .
</select>
<input name="city" type="text" id="city">

やりたい事

これにもう一つ、inputフィールドを追加したいと考えております。

<input name="state2" type="text" id="state2">

郵便番号を入力すると自動的にstateのselectが選択され、同時にstate2のinputフィールドにも都道府県名が入力される様にしたいのですが可能でしょうか。
（市区町村はそのまま）

どなたかご教授頂ければ幸いです。

Answer 1

コールバックメソッドであるonSuccessで「取得後」の処理が記述できるようなので、
その取得後の処理で現在選択されている都道府県名を取得してstate2を設定されてはいかがでしょうか。

Comments

[MATRIX]

コメントありがとうございます。
無事に解決出来ました。

Answer 2

元ソースをダウンロードし、同サーバー上に設置しました。
ソースへ下記のコードを追加して無事に問題を解決出来ました。

AjaxZip3.onSuccess = function() {
  AjaxZip3.zip2addr( 'postcode', '', 'state', 'city' );
};

Comments

[m.ts10806]

毎回２回投げることになるので少々冗長ですし負荷が高くなるかも

[MATRIX]

そうなのですね...
他に何か良い方法がありますか？

[m.ts10806]

私の回答の後半に書いてます。
onSuccess時点でセレクトボックスの方は確定してるはずなので、そのセレクトボックスの選択値からtext部分を取り出してstate2の値として設定してください

[MATRIX]

すみませんが、具体的にどの様な書き方にすればいいかご教授頂けませんか？

[m.ts10806]

選択状態のtextを取得する
https://javascript.programmer-reference.com/js-select-label/

入力フォームに値を設定する
https://lab.syncer.jp/Web/JavaScript/Snippet/29/