1. ホーム
  2. Blog
  3. リクルートWebサービスUIライブラリの初期値を変更する方法

リクルートWebサービスUIライブラリの初期値を変更する方法

フナミ タカオ

フナミ タカオ

コラム

%E3%83%94%E3%82%AF%E3%83%81%E3%83%A3%204.png

フナミタカオです。
リクルートWebサービスでは、JavaScriptを使ったUIライブラリを提供しています。
このエントリでは初期値を設定するTipsを紹介します。

ホットペッパーUIライブラリのプルダウンの初期値を設定する

エリアのプルダウン等に初期値を設定する方法です。

実装サンプル
http://mtl.recruit.co.jp/sandbox/blog_sample/ui/samplejs.html

                new HotPepper.UI.Places.Pulldown({
                    service_area: { val: 'SA11' }
                });
エリアのプルダウンに東京をセットできます。

詳細解説:プルダウンの初期値を設定

ホットペッパーUIライブラリのプルダウンの初期値を設定後検索も実行する

プルダウンの設定はできましたが、さらに検索結果も表示したいですよね。 そのときは、on_update_hookを指定することで実現できます。

実装サンプル
http://mtl.recruit.co.jp/sandbox/blog_sample/ui/samplejs2.html

new HotPepper.UI.Places.Pulldown({
    service_area: { val: 'SA11' ,on_update_hook:function(){
        jsonp_request();
    }}
});     

詳細解説:選択肢が刷新されたタイミングで任意の処理を実行したい

トップへ戻る