ボディタイプ選択 プルダウン

概要

カーセンサー 中古車検索API に検索クエリ「ボディタイプ」パラメータを渡す事で、「セダン」「クーペ」「ハッチバック」といった、車のボディタイプによる絞込みができます。これは、そのボディタイプを選択する為のプルダウンUIを簡単に生成するためのモジュールです。

>BACK TO TOP

サンプル

>BACK TO TOP

動作条件

• jQuery v1.2 以降

>BACK TO TOP

簡易なコード例

コピペする事で手軽に再利用が可能なコード例はこちら

>BACK TO TOP

使い方

下記のように必要なファイルを読み込んだうえで...

<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-body-sel"></select>

* name属性を設定せずとも、自動で name="body" が付与されます。

最後にこのようなjavascriptコードを書くことでプルダウンが自動生成されます。

new CarSensor.UI.Body.Pulldown();

jQueryを使って、ページ表示と同時にプルダウン生成したい場合はこちら:

$( function(){
    new CarSensor.UI.Body.Pulldown();
});

>BACK TO TOP

オプション機能

利用可能なオプション機能についてはこちらの記述を参照してください。

>BACK TO TOP