jquery-jpostal-ja
Version:
A jQuery plug-in that automatically enters a japanese zip code into the address field when you enter it.
174 lines (164 loc) • 5.99 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>J-POSTAL</title>
<link rel="stylesheet" type="text/css" href="sample.css" />
<script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="../jquery.jpostal.js"></script>
<script type="text/javascript">
$(window).ready( function() {
$('#postcode1_1').jpostal({
postcode : [
'#postcode1_1',
'#postcode1_2'
],
address : {
'#address1_1' : '%3',
'#address1_2' : '%4',
'#address1_3' : '%5'
},
url : {
'http' : '../json/',
'https' : '../json/',
}
});
$('#postcode2_1').jpostal({
postcode : [
'#postcode2_1',
'#postcode2_2'
],
address : {
'#address2_1' : '%3',
'#address2_2' : '%4',
'#address2_3' : '%5'
}
});
});
</script>
</head>
<body>
<form>
<h1>1ページ、1フォームに郵便番号欄と住所欄が2つ以上</h1>
<hr />
<span>郵便番号 〒</span>
<input id="postcode1_1" name="postcode1" maxlength="3">-<input id="postcode1_2" name="postcode2" maxlength="4"><br />
<span>都道府県</span>
<select id="address1_1" name="address1">
<option value="" selected="selected">選択してください</option>
<option value="北海道">北海道</option>
<option value="青森県">青森県</option>
<option value="岩手県">岩手県</option>
<option value="宮城県">宮城県</option>
<option value="秋田県">秋田県</option>
<option value="山形県">山形県</option>
<option value="福島県">福島県</option>
<option value="茨城県">茨城県</option>
<option value="栃木県">栃木県</option>
<option value="群馬県">群馬県</option>
<option value="埼玉県">埼玉県</option>
<option value="千葉県">千葉県</option>
<option value="東京都">東京都</option>
<option value="神奈川県">神奈川県</option>
<option value="新潟県">新潟県</option>
<option value="富山県">富山県</option>
<option value="石川県">石川県</option>
<option value="福井県">福井県</option>
<option value="山梨県">山梨県</option>
<option value="長野県">長野県</option>
<option value="岐阜県">岐阜県</option>
<option value="静岡県">静岡県</option>
<option value="愛知県">愛知県</option>
<option value="三重県">三重県</option>
<option value="滋賀県">滋賀県</option>
<option value="京都府">京都府</option>
<option value="大阪府">大阪府</option>
<option value="兵庫県">兵庫県</option>
<option value="奈良県">奈良県</option>
<option value="和歌山県">和歌山県</option>
<option value="鳥取県">鳥取県</option>
<option value="島根県">島根県</option>
<option value="岡山県">岡山県</option>
<option value="広島県">広島県</option>
<option value="山口県">山口県</option>
<option value="徳島県">徳島県</option>
<option value="香川県">香川県</option>
<option value="愛媛県">愛媛県</option>
<option value="高知県">高知県</option>
<option value="福岡県">福岡県</option>
<option value="佐賀県">佐賀県</option>
<option value="長崎県">長崎県</option>
<option value="熊本県">熊本県</option>
<option value="大分県">大分県</option>
<option value="宮崎県">宮崎県</option>
<option value="鹿児島県">鹿児島県</option>
<option value="沖縄県">沖縄県 </option>
</select><br />
<span>市区町村</span>
<input id="address1_2" name="address2"><br />
<span>町域</span>
<input id="address1_3" name="address3"><br />
</form>
<hr />
<form>
<span>郵便番号 〒</span>
<input id="postcode2_1" name="postcode1" maxlength="3">-<input id="postcode2_2" name="postcode2" maxlength="4"><br />
<span>都道府県</span>
<select id="address2_1" name="address1">
<option value="" selected="selected">選択してください
<option value="北海道">北海道
<option value="青森県">青森県
<option value="岩手県">岩手県
<option value="宮城県">宮城県
<option value="秋田県">秋田県
<option value="山形県">山形県
<option value="福島県">福島県
<option value="茨城県">茨城県
<option value="栃木県">栃木県
<option value="群馬県">群馬県
<option value="埼玉県">埼玉県
<option value="千葉県">千葉県
<option value="東京都">東京都
<option value="神奈川県">神奈川県
<option value="新潟県">新潟県
<option value="富山県">富山県
<option value="石川県">石川県
<option value="福井県">福井県
<option value="山梨県">山梨県
<option value="長野県">長野県
<option value="岐阜県">岐阜県
<option value="静岡県">静岡県
<option value="愛知県">愛知県
<option value="三重県">三重県
<option value="滋賀県">滋賀県
<option value="京都府">京都府
<option value="大阪府">大阪府
<option value="兵庫県">兵庫県
<option value="奈良県">奈良県
<option value="和歌山県">和歌山県
<option value="鳥取県">鳥取県
<option value="島根県">島根県
<option value="岡山県">岡山県
<option value="広島県">広島県
<option value="山口県">山口県
<option value="徳島県">徳島県
<option value="香川県">香川県
<option value="愛媛県">愛媛県
<option value="高知県">高知県
<option value="福岡県">福岡県
<option value="佐賀県">佐賀県
<option value="長崎県">長崎県
<option value="熊本県">熊本県
<option value="大分県">大分県
<option value="宮崎県">宮崎県
<option value="鹿児島県">鹿児島県
<option value="沖縄県">沖縄県
</select><br />
<span>市区町村</span>
<input id="address2_2" name="address2"><br />
<span>町域</span>
<input id="address2_3" name="address3"><br />
<input type="reset" value="クリア">
</form>
</body>
</html>