【YubinBango】複数の住所にも対応する

郵便番号 複数住所

郵便番号から住所を引っ張ってきてフォームにセットしてくれる、超優れものライブラリー「YubinBango」さん!

お気に入りライブラリーの1つなのですが、ずっと複数住所には非対応だと思い込んでました・・!
(トップに1つのForm内に複数の住所がある場合に対応とバッチリ書いてあるのに(ˊ◦ω◦ˋ))

こちらに使用法がありました。

通常

<form class="h-adr">
	<span class="p-country-name" style="display:none;">Japan</span>
	
	〒<input type="text" class="p-postal-code" size="3" maxlength="3">
	<input type="text" class="p-postal-code" size="4" maxlength="4"><br>
	
	<input type="text" class="p-region" readonly /><br>
	<input type="text" class="p-locality" readonly /><br>
	<input type="text" class="p-street-address" /><br>
	<input type="text" class="p-extended-address" />
</form>

住所が複数ある場合

<form>
	
	<div class="h-adr">
		<span class="p-country-name" style="display:none;">Japan</span>
		
		〒<input type="text" class="p-postal-code" size="3" maxlength="3">
		<input type="text" class="p-postal-code" size="4" maxlength="4"><br>
		
		<input type="text" class="p-region" readonly /><br>
		<input type="text" class="p-locality" readonly /><br>
		<input type="text" class="p-street-address" /><br>
		<input type="text" class="p-extended-address" />
	</div>
	
	<div class="h-adr">
		<span class="p-country-name" style="display:none;">Japan</span>
		
		〒<input type="text" class="p-postal-code" size="3" maxlength="3">
		<input type="text" class="p-postal-code" size="4" maxlength="4"><br>
		
		<input type="text" class="p-region" readonly /><br>
		<input type="text" class="p-locality" readonly /><br>
		<input type="text" class="p-street-address" /><br>
		<input type="text" class="p-extended-address" />
	</div>
	
</form>

すごく簡単!!!

いつもありがとうございますm(_ _)m