« twitterのページにGoogle AJAX Language APIを使った翻訳機能を付け加えるGreasemonkey & bookmarklet | メイン | Redmine 0.7.0 RC1 Release! »

jQuery plugin --- selectbox-utils 0.2.0 Release

以前作ったjQueryのプラグインを更新しました。

selectbox-utils.js download

このプラグインを利用すると、jQueryオブジェクトで以下の3つのメソッドを利用することができます。

  • numericOptions(option)
  • datePulldown(yearObj,monthObj)
  • options(Array)

今回のバージョンアップでは、numericOptionsに渡せるオプションの種類と、optionsメソッドを追加しました。

追加したオプションの種類

・labels

numericOptionsメソッドは連続した数値のプルダウンを生成するメソッドですが、プルダウンの値は数値でも見た目(ラベル)は文字にしたい場合があるという要望があったので、ラベル用の文字列を渡せるようにしました。

・exclude

連続した数値の中で、プルダウンに含めたくない値を配列で渡すことができます。

・startLabel

プルダウンの最初の値に「値を選択してください」のような文字列の選択肢を渡すことができます。渡す値は、長さ2の配列で、最初に値、そしてラベルを設定してください。

 

optionsメソッド

引数なしで実行すると、そのjQueryオブジェクト以下のoptionタグのjQueryオブジェクトが取得できます。

引数に数値を指定すると、その数値番目のoptionタグのjQueryオブジェクトを取得できます。

引数に配列の配列を指定すると、オプションタグを生成してappendします。

 

デモはこちらで確認することができます。各「execute code」を押下するとコードが実行されます。

 

プロジェクトホームページ:jquery-selectbox-utils - Google Code

コメント (1)

鈴木一郎:

$('#birth_year').numericOptions({from:1960,to:1991});

$('#birth_month').numericOptions({from:1,to:12,namePadding:2,valuePadding:2});
$('#birth_day').numericOptions({namePadding:2,valuePadding:2}).datePulldown({year:$('#birth_year'),month:$('#birth_month')});

こんな感じで設定したのですが、
月を選択すると、日の0パディングがなくなってしまいます。
どのようにすればいいのでしょうか?