bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームJavaScriptシンプルでパワフルなセレクトボックスを実装できる「SelectPage」JavaScript2018.07.30シンプルでパワフルなセレクトボックスを実装できる「SelectPage」SelectPageはシンプルながらも高いカスタマイズ性を備えたパワフルなセレクトボックスを実装できるjQueryプラグインです。ページネーションやキーボード操作、多言語対応などハイクオリティなセレクト機能を取り入れたい場合に最適なプラグインになります。SelectPage以下のページからSelectPageの実際のデモ動作をチェックできます。デモデモではページネーション付きのベーシックなものからセレクトオンリーのモード、選択済みのもの、複数選択ができるモード、選択できる数の上限が決まっているタイプ、Ajax使用のものなど、さまざまな種類のサンプルが用意されています。search」という項目をクリックすると、アイテムを選択できるボックスが表示されます。ボックス下部にはページネーションも設置されていて、矢印をクリックすることで次のページに移ることができるほか、キーボード操作にも対応していることから左右の矢印キーからでもページを切り替えることが可能です。複数選択モードでは選択されたアイテムがタグのように表示されます。各アイテムの横にはバツ印が付いていて、ここから選択を外すことが可能です。ちなみに複数選択を有効にするにはオプションのmultipleという項目の値をtrueに設定してあげればOKです。選択できるアイテム数の上限を設定したい場合はmaxSelectLimitから設定できます。選択可能なアイテム数を3つまでにしたい場合は、ここの値を3に設定します。SelectPageは複数言語にも対応していて、こちらはオプションのlangから指定可能です。Portugueseの6つの言語から選択できます。Portugueseがpt-brです。オプションには他にも、data、pagination、listSize、multipleControlbar、selectToCloseList、initRecord、dbTable、keyField、showField、searchField、andOr、orderBy、pageSize、params......など、たくさんの種類が用意されています。いうわけで、シンプルながらもカスタマイズ性に優れたセレクトボックスを実装できるjQueryプラグイン「SelectPage」の紹介でした。SelectPageの詳しい使い方やダウンロードは、以下のページからどうぞ。Slider」おもしろいスライダーがあったのでご紹介します。Barは、横棒による軽量なプ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。