Webクリエイティブ集団、アイレット株式会社の代表取締役が綴る
Web制作・開発の気になる最新技術レビュー。  RSS Feeds
スカウター : [iret-ceo] アイレット株式会社CEOブログ

2007年10月29日月曜日

Teeda AJAX 郵便番号検索

またまたTeedaAjaxネタ

HTML上
・住所検索ボタンを配置
・都道府県 spanタグで固定文字列
・市区町村 spanタグで固定文字列
・その他住所 inputタグ

住所ボタンを押した際javascriptでonClickでgetZipを呼び出す。
Javaのほうは以前の記事参照TeedaAjax,Kumu Ajax

ここでの肝はspanタグの変更
innerHTMLの変更。これすぐ忘れちゃうからメモメモ

function usersearch_entryPage_ajaxZip(res){
document.getElementById("prefName").innerHTML = res.prefname;
document.getElementById("cityName").innerHTML = res.cityname;
document.getElementById("userAddress").value = res.address1;
}
function getZip(){
var form = Kumu.FormHelper.create('entryForm');
zip3 = form["entryForm:zip3"];
zip4 = form["entryForm:zip4"];
Kumu.Ajax.executeTeedaAjax(usersearch_entryPage_ajaxZip, [zip3,zip4], Kumu.Ajax.RESPONSE_TYPE_JSON);
}