カーセンサー - CarSensor.UI.Mission.Pulldown - by Recruit Web Service UI Library
カーセンサー 中古車検索API に検索クエリ「ミッション種類」パラメータを渡す事で、車の色による絞込みができます。これは、そのミッションを選択する為のプルダウンUIを簡単に生成するためのモジュールです。
コピペする事で手軽に再利用が可能なコード例はこちら
下記のように必要なファイルを読み込んだうえで...
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="recruit.ui.js"></script> <script type="text/javascript" src="carsensor.ui.js"></script>
プルダウンを表示させたい場所にこのようなHTMLを書き...
<select id="car-mission-sel"></select>
* name属性を設定せずとも、自動で name="mission" が付与されます。
最後にこのようなjavascriptコードを書くことでプルダウンが自動生成されます。
new CarSensor.UI.Mission.Pulldown();
jQueryを使って、ページ表示と同時にプルダウン生成したい場合はこちら:
$( function(){
new CarSensor.UI.Mission.Pulldown();
});