Custom Select - JQueryでselectタグのプルダウンをカスタマイズする

selectタグ を optgroupタグ ごとに、列（行）を改行して並べる jQuery プラグイン

jquery.cs.js version 0.3

• jquery-1.2.6 が必要です。（それ以前のバージョンでもいけるかもしれませんが。試してません）デモは jQuery-1.3.2を使用
• 選択肢の数（option）が多いときや、グループごとに表示したい時に便利です。
• 適当な位置で、$(適用する select ).cs({オプション})を実行してください。
• オプションは、今のところデザインに関するものです。タグに直接CSSを適用できます。例{style:{label:{row:{color:'red'}}}} → optgroup の見出しが赤になる
• optgroup で改行を入れたい内容をまとめます。label属性をつけるとそのグループの見出しになります。
• 縦並び、横並びは、selectタグ に order 属性をつけてください（row：縦並び col：横並び、デフォルトは row ）
• <option value="" > をつけると、キャンセルが表示されます。
• FireFox3、 Google Crom、 IE6,7 では、動作確認しましたが、他のブラウザは動作するか分かりません
• option の数が大量の場合は、実行に時間がかかるかと思います。
• IEで見ると、点線が醜いかもしれません。利用の際は、適当にデザインは変えてください。
• 不具合があっても責任はとれませんのでご了承下さい。

Change

• 2009.11.20 version0.3 jQuery-1.3.2 対応 selector の指定方法を変更しました
• 2009.07.22 version0.2 IE6,7 で、プルダウンを選択した際に前回の選択した内容が残ってしまうBugを修正

都道府県以外のサンプルを実行する場合は、「CustomSelect適用」ボタンを押してください。

copyright © 2008 bushimichi