jquery-jpostal-ja
Version:
A jQuery plug-in that automatically enters a japanese zip code into the address field when you enter it.
104 lines (97 loc) • 3.38 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').jpostal({
postcode : [
'#postcode1',
'#postcode2'
],
address : {
'#address1' : '%3',
'#address2' : '%4',
'#address3' : '%5',
'#address1_kana' : '%8',
'#address2_kana' : '%9',
'#address3_kana' : '%10'
}
});
});
</script>
</head>
<body>
<form>
<h1>郵便番号欄が2つ</h1>
<span>郵便番号 〒</span>
<input id="postcode1" name="postcode1" maxlength="3">-<input id="postcode2" name="postcode2" maxlength="4"><br />
<span>都道府県</span>
<select id="address1" name="address1">
<option value="" selected="selected">選択してください </option>
<option value="1">1.北海道</option>
<option value="02">青森県(02)</option>
<option value="3">岩手県</option>
<option value="4">宮城県</option>
<option value="5">秋田県</option>
<option value="6">山形県</option>
<option value="7">福島県</option>
<option value="8">茨城県</option>
<option value="9">栃木県</option>
<option value="10">群馬県</option>
<option value="11">埼玉県</option>
<option value="12">千葉県</option>
<option value="13">13.東京都</option>
<option value="14">神奈川県</option>
<option value="15">新潟県</option>
<option value="16">富山県</option>
<option value="17">石川県</option>
<option value="18">福井県</option>
<option value="19">山梨県</option>
<option value="20">長野県</option>
<option value="21">岐阜県</option>
<option value="22">静岡県</option>
<option value="23">愛知県</option>
<option value="24">三重県</option>
<option value="25">滋賀県</option>
<option value="26">京都府</option>
<option value="27">大阪府</option>
<option value="28">兵庫県</option>
<option value="29">奈良県</option>
<option value="30">和歌山県</option>
<option value="31">鳥取県</option>
<option value="32">島根県</option>
<option value="33">岡山県</option>
<option value="34">広島県</option>
<option value="35">山口県</option>
<option value="36">徳島県</option>
<option value="37">香川県</option>
<option value="38">愛媛県</option>
<option value="39">高知県</option>
<option value="40">福岡県</option>
<option value="41">佐賀県</option>
<option value="42">長崎県</option>
<option value="43">熊本県</option>
<option value="44">大分県</option>
<option value="45">宮崎県</option>
<option value="46">鹿児島県</option>
<option value="47">沖縄県 </option>
</select><br />
<span>市区町村</span>
<input id="address2" name="address2"><br />
<span>町域</span>
<input id="address3" name="address3"><br />
<span>都道府県カナ</span>
<input id="address1_kana" name="address1_kana"><br />
<span>市区町村カナ</span>
<input id="address2_kana" name="address2_kana"><br />
<span>町域カナ</span>
<input id="address3_kana" name="address3_kana"><br />
<input type="reset" value="クリア">
</form>
</body>
</html>