AjaxZip３を見えない要素に入力したい

・実現したいこと
AjaxZip３で、郵便番号から住所を取得できるが、ユーザー側から見えない要素のところに入れたい

・やってみたこと
hiddenフィールドに入れるように実装してみたが、エラーが出る「（type=hidden）には対応してません的な」
styleの
display=noneでも、visible=hiddenでも入力できなかった。

AjaxZip３（ライブラリ）
https://github.com/ajaxzip3/ajaxzip3.github.io

行動規範の内容に同意します

回答4件

ベストアンサー

入力できているようです。
どのように確認しましたか？

HTML
1<!DOCTYPE html>
2<html><head><meta charset="UTF-8" /><title>sample</title>
3<style>
4input[name="pref01"],
5input[name="addr01"] {
6  display: none;
7}
8</style>
9<script src="https://ajaxzip3.github.io/ajaxzip3.js"></script>
10</head>
11<body>
12<form action="#">
13<div>
14<input type="text" name="zip01" size="10" maxlength="8" onkeyup="AjaxZip3.zip2addr(this,'','pref01','addr01');" />
15<input type="text" name="pref01" size="20" />
16<input type="text" name="addr01" size="60" />
17</div>
18</form>
19<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
20<script>
21$('[name="zip01"]').val('0100000').trigger('keyup');
22setTimeout(function() {
23  console.log($('[name="pref01"]').val()); // 秋田県
24  console.log($('[name="addr01"]').val()); // 秋田市
25}, 3000);
26</script>
27</body>
28</html>

投稿2018/01/31 08:47

x_x

総合スコア13749

退会済みユーザー

2018/01/31 08:52

関連があるか、わからないのですがボタンを画面上に配置して、ボタンのクリックイベント内で、住所を取得する処理をしています。

退会済みユーザー

2018/01/31 09:10

もう一度やって確認してみます

x_x

2018/01/31 09:14

同じですね。取得に時間がかかるので、ある程度待たないといけないと思いますが、そこは大丈夫でしょうか？ $(document).on('click', 'button', function(event) { var zip01 = document.querySelector('[name="zip01"]'); zip01.value = '0200000'; AjaxZip3.zip2addr(zip01,'','pref01','addr01'); setTimeout(function() { console.log($('[name="pref01"]').val()); // 岩手県 console.log($('[name="addr01"]').val()); // 盛岡市 }, 3000); });

退会済みユーザー

2018/01/31 11:00

取得には時間をかけたくないです

x_x

2018/01/31 12:46

時間がかかるのはajaxzip3仕様なのですが……

x_x

2018/01/31 12:50

そもそも、見えないようにしたいことが要望だったはずです。時間がかかるのは表示非表示関係なくライブラリ側の仕様で、JSONPで外から取得する以上仕方のないものです。

退会済みユーザー

2018/02/01 10:36

その件については、また、質問します