陽気に郵便番号検索.NETサンプルページ

住所の自動補完

郵便番号	<INPUT type="TEXT" id="sample_ziptop">
住所	<INPUT type="TEXT" id="sample_autocomplete"> 文字の入力または、「↓」キーによって候補が自動的に表示、更新されます。

純粋な住所の自動補完機能。ユーザーの文字入力に追従して候補を次々と表示してゆきます。郵便番号が存在する住所の詳細まで到達したときには郵便番号欄を埋めます。JavaScriptで YZipCodeAutoCompleteオブジェクトの１番目の引数を検索のキーワードとするコントロールを指定し、２番目３番目の引数に検索結果を書き込む「郵便番号」と「住所」のコントロールをそれぞれ指定します。
new YZipCodeAutoComplete( "sample_autocomplete","sample_ziptop","sample_autocomplete" );

郵便番号⇔住所の検索 : もっともシンプルな形式

郵便番号	※半角数字で入力してください
住所
住所カナ
事業所
事業所カナ
事業所私書箱

郵便番号は１つのテキストボックス、住所欄も１つのテキストボックスで表示している場合です。郵便番号と住所欄には自動補完機能も設定してあります。最新のバージョンのJavaScriptをサポートしないブラウザでもボタンによって住所選択が可能です。（JavaScript機能が完全にオフの場合は動作しません。）

郵便番号⇔住所の検索 : 郵便番号を分割、県名を選択する形式

郵便番号	(zp1) - (zp2) ※半角数字で入力してください
都道府県	(sample1_prefecture)
住所	(sample1_address)
住所カナ	(sample1_address_kana)
事業所	(sample1_address_place)
事業所カナ	(sample_address_place_kana)
事業所私書箱	(sample_address_pob)

郵便番号が２つのテキストボックス、住所が県名とその他の部分に分割された場合です。自動補完機能も有効です。コントロールが２つに分割される場合は、このコントロールの引数に Array として複数のコントロールを渡します。このフォームでは自動補完を郵便番号と住所の２箇所に設定するので、１番目の引数の異なる２つのYZipCodeAutoCompleteオブジェクトを new しています。

new YZipCodeAutoComplete(
new Array( "zp1", "zp2" ),
new Array( "zp1", "zp2" ),
new Array("sample1_prefecture", "sample1_address") ,
"sample1_address_kana", "sample1_address_place", "sample1_address_place_kana", "sample1_address_pob" );
new YZipCodeAutoComplete(
new Array( "sample1_prefecture", "sample1_address" ),
new Array( "zp1", "zp2" ),
new Array("sample1_prefecture", "sample1_address") ,
"sample1_address_kana", "sample1_address_place", "sample1_address_place_kana", "sample1_address_pob" );